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.

Commencez par l’UI de sélection de projet décrite dans les étapes de reproduction et localisez le widget qui rend le nom de chaque projet avec son bouton radio. Reproduisez le problème avec un nom de projet long, puis vérifiez que le nom est tronqué ou défilable et que le bouton radio reste aligné sans provoquer de RenderFlex overflow.

Rédigé par le modèle d'indexation à partir du texte de l'issue.