fix(kanban): give title full width when card is not hovered (#20455)

## Summary

On kanban cards, the title was being truncated even when the checkbox
wasn't displayed. The checkbox is hidden via `opacity: 0` on the card's
non-hovered state, which keeps it in flex flow and still reserves its
~24px of width — so the title's flex item was shrinking unnecessarily.

This change collapses the checkbox container's `max-width` to `0` (with
`overflow: hidden`) while it's hidden, and expands it back to the
checkbox's natural size (`spacing[6]` = 24px) on hover or when selected.
The existing `transition: all ease-in-out 160ms` animates the title
expanding into the freed space.

### Before
Title truncates with ellipsis even though the checkbox slot is empty:

<img width="350" alt="before"
src="https://i.imgur.com/placeholder-before.png" />

### After
Title uses the full row width when not hovered; the checkbox slides in
on hover (or when the card is selected) and the title reflows.

### Tooltip
The full title is already exposed on hover when truncated — `RecordChip`
→ `Chip` already wraps the label in `OverflowingTextWithTooltip`, which
detects overflow (`scrollWidth > clientWidth`) and renders an
`AppTooltip` with the full text. No additional wiring needed.

## Test plan

- [ ] On a kanban board, verify a long record title now uses the full
card width when the card is not hovered (no ellipsis if the title fits).
- [ ] Hover the card: the checkbox slides in smoothly (animated), and
the title reflows (may now truncate if it doesn't fit).
- [ ] Hover the (now-truncated) title: tooltip with the full title
appears.
- [ ] Select the card via the checkbox: checkbox stays visible (and
title stays in its hover-state width) without hovering.
- [ ] Compact view (eye icon) still renders correctly.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

---------

Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>

packages/twenty-front/src/modules/object-record/record-card/components/RecordCard.tsx

@@ -37,16 +37,17 @@ const StyledBoardCard = styled.div<{
   }
 
   .checkbox-container {
+    max-width: 0;
     opacity: 0;
+    pointer-events: none;
     transition: all ease-in-out 160ms;
   }
 
-  &[data-selected='true'] .checkbox-container {
-    opacity: 1;
-  }
-
+  &[data-selected='true'] .checkbox-container,
   &:hover .checkbox-container {
+    max-width: ${themeCssVariables.spacing[6]};
     opacity: 1;
+    pointer-events: auto;
   }
 
   .compact-icon-container {

packages/twenty-ui/src/components/chip/LinkChip.tsx

@@ -28,6 +28,8 @@ const StyledLinkContainer = styled.span`
   vertical-align: middle;
 
   & > a {
+    max-width: 100%;
+    min-width: 0;
     text-decoration: none;
   }
 `;