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.

再現手順で説明されているプロジェクト選択 UI から始め、各プロジェクト名をラジオボタンとともにレンダリングするウィジェットを特定します。長いプロジェクト名を使って問題を再現し、その後、名前が切り詰められるかスクロール可能であり、ラジオボタンが位置揃えされたまま RenderFlex overflow が発生しないことを確認します。

索引モデルが issue の本文から書いたものです。