UI Issue: Project List Text Overflow and Misalignment

### Describe your issue

There is a UI issue in the project list where long project names cause text overflow, leading to rendering errors.

- **Text Overflow**:
- Long project names extend beyond the available space, resulting in a `RenderFlex overflow` error.
- The text does not wrap or truncate properly.

- **Misalignment Issues**:
- The project name and radio button are not aligned properly when text overflows.
- The UI breaks when the project name exceeds the expected length.

### Steps to reproduce

1. Add a project with a long name (e.g., `"This is a very long project name that should be truncated"`).
2. Run the app and navigate to the project selection UI.
3. Observe that the text overflows or breaks the layout.

### What was the expected result?

- Long project names should either:
- **Truncate** with `...` when space is limited.
- **Scroll horizontally** inside the available space.
- The UI should remain properly aligned without layout breaks.

### Put here any screenshots or videos (optional)


### How can we contact you (optional)

_No response_

### Would you like to work on this issue?

Yes

### By submitting this issue, I have confirmed that:

- [x] I have starred the repo ⭐ and watched 👀 it on GitHub and followed the contribution guidelines.