Fixed: Inline Field data overflowing on Kanban cards

[rksingh2001]

Fixes: #6000

[greptile-apps]

PR Summary

• Added maxWidth property to multiple display components to prevent text overflow on Kanban cards
• Updated hooks to include maxWidth in the context and return it
• Modified RecordInlineCellDisplayMode.tsx to use display: flex; for better alignment
• Adjusted EllipsisDisplay.tsx to append 'px' to maxWidth value
• Enhanced RoundedLink.tsx and EntityChip.tsx with new maxWidth prop for better overflow handling

_{18 file(s) reviewed, 1 comment(s)}

[greptile-apps]

PR Summary

(updates since last review)

• Ensured maxWidth property prevents data overflow on Kanban cards
• Modified max-width CSS property to conditionally append 'px'
• Improved handling of maxWidth prop for better UI consistency

_{1 file(s) reviewed, no comment(s)}

[charlesBochet]

This masWidth approach is working but I wonder if we can find a simpler solution that would avoid passing maxWidth.

Let's discuss this with @lucasbordeau tomorrow

[rksingh2001]

This masWidth approach is working but I wonder if we can find a simpler solution that would avoid passing maxWidth.

Let's discuss this with @lucasbordeau tomorrow

Sure, let me know if there is a simpler solution, will change the implementaion, although I tried and unable to make it work, also some ellipsis implementation on other pages in this codebase, they were also passing max width from props.

[lucasbordeau]

Closing this PR as it has already been fixed by a recent change.

Also for reference, this approach is not optimal as we should only rely on CSS for detecting the container width and not telling it max width.

We have it in the codebase but ideally we shouldn't.

[lucasbordeau]

For reference this issue was fixed by #6061