UI Issue: Project List Text Overflow and Misalignment

[Ni1esh-Yadav]

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.