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.

Start at the project selection UI described in the reproduction steps and locate the widget that renders each project name with its radio button. Reproduce the issue using a long project name, then verify that the name is truncated or scrollable and the radio button remains aligned without a RenderFlex overflow.

Written by the indexing model from the issue text.