update edge case for project title display

[Douglasymlai]

Description

• Fix project title edge case bug (when project title is too long)
• add tooltips for project title
  close [BUG] Edge Case bug for project title #824

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

[4pmtong]

Nice addition! Could we use Tailwind CSS classes instead of custom CSS for .task-title-clamp?

[Douglasymlai]

Yes @4pmtong — I agree on moving this to Tailwind for cleaner code, but this component is currently hard-coded by a previous engineer.

Should I refactor the structure in this PR, or open a separate issue/PR for it?

Also on scope: I previously grouped multiple UX fixes into one PR and @Wendong-Fan said it was too complex to review. Can we align on a simple guideline for how much UX change is ok in one PR?

[kayqueagape]

Hi @Douglasymlai, thanks for the PR! I was working on a similar fix in #897. Your approach with tooltips is great for readability. I noticed that in my version, I also added a maxLength constraint to prevent the title from breaking the layout in the first place.