fix: column overlay issue in record table header cells

[Nabhag8848]

Issue (BUG)

• Fixes Column's name overlays other column's name #6604

Description

• Now Columns doesn't overlay on header cells, issue was independant of field type.

Before

Screen.Recording.2024-08-11.at.2.22.13.PM.mov

After

Screen.Recording.2024-08-11.at.3.35.47.PM.mov

[greptile-apps]

PR Summary

The PR resolves the issue of column names overlapping in the record table header cells by adjusting the styling of the StyledIcon and header cell components.

• Added flex-shrink: 0 to StyledIcon in /packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableColumnHead.tsx to prevent icon shrinking.
• Applied overflow: hidden to the div within the styled column header cell in /packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderCell.tsx to ensure long column names do not spill over.
• Changes are minimal and focused, maintaining consistency with existing styled-components and state management patterns.

_{2 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings}

[Nabhag8848]

@CoreTeamTwenty 🔥 ready for review

[FelixMalfait]

Perfect thank you!

[github-actions]

Thanks @Nabhag8848 for your contribution!
This marks your 0th PR on the repo. You're top 0% of all our contributors 🎉
See contributor page - Share on LinkedIn - Share on Twitter