Remove all styled(Component) patterns in favor of parent wrappers and props (#18430)

## Summary

Eliminates all ~350 `styled(Component)` usages across `twenty-front` and
`twenty-ui` (212 files changed). Each was replaced following these
rules:

- **Margin/layout CSS** (margin, padding, flex, align-self, width) →
wrapped in a `styled.div`/`styled.span` parent container
- **Third-party components** (Link, TextareaAutosize,
ReactPhoneNumberInput, Handle, etc.) → parent container with child CSS
selectors (`> a`, `> textarea`, `> input`, etc.)
- **Intrinsic behavior via existing props** (TableRow
`gridTemplateColumns`, TableCell `color`/`align`) → replaced
`styled(TableRow)` / `styled(TableCell)` with direct prop usage
- **Other visual overrides on twenty-ui components** (Card, Section,
TabList, Button, MenuItem, ScrollWrapper, etc.) → parent wrappers with
`> div` / `> *` child selectors
- **Extending styled.div/span** → merged all CSS into a single
`styled.div`/`styled.span`

Also adds `overflow: hidden` to parent containers wrapping
`ScrollWrapper` so scroll activates correctly with the new wrapper
structure.

### Migration patterns

| Before | After |
|--------|-------|
| `styled(Avatar)` with `margin-right` | `<StyledAvatarContainer><Avatar
/></StyledAvatarContainer>` |
| `styled(Link)` with `text-decoration: none` |
`<StyledLinkContainer><Link /></StyledLinkContainer>` with `> a { ... }`
|
| `styled(TableRow)` with `grid-template-columns` | `<TableRow
gridTemplateColumns="..." />` |
| `styled(TableCell)` with `color` / `align` | `<TableCell color={...}
align="right" />` |
| `styled(Card)` with `margin-top` | `<StyledCardContainer><Card
/></StyledCardContainer>` |
| `styled(TabList)` with `background` |
`<StyledTabListContainer><TabList /></StyledTabListContainer>` with `>
div { ... }` |
| `styled(StyledBase)` extending a `styled.div` | Single merged
`styled.div` with all styles inlined |

packages/twenty-front/src/modules/billing/components/internal/MeteredPriceSelector.tsx

@@ -31,11 +31,11 @@ const StyledRow = styled.div`
   gap: ${themeCssVariables.spacing[2]};
 `;
 
-const StyledSelect = styled(Select<string>)`
+const StyledSelectContainer = styled.div`
   flex: 1 1;
 `;
 
-const StyledButton = styled(Button)`
+const StyledButtonContainer = styled.div`
   flex: 0 0 auto;
 `;
 
@@ -160,26 +160,30 @@ export const MeteredPriceSelector = ({
         description={t`Number of new credits allocated every ${recurringInterval}`}
       />
       <StyledRow>
-        <StyledSelect
-          dropdownId="settings_billing-metered-price"
-          options={options}
-          value={selectedPriceId ?? currentMeteredPrice.stripePriceId}
-          onChange={handleChange}
-          disabled={isUpdating || isTrialing}
-          description={
-            isTrialing ? t`Please start your subscription first` : undefined
-          }
-          fullWidth
-        />
-        {isChanged && (
-          <StyledButton
-            title={isUpgrade() ? t`Upgrade` : t`Downgrade`}
-            onClick={handleOpenConfirm}
-            variant="primary"
-            isLoading={isUpdating}
-            disabled={!isChanged}
-            accent={isUpgrade() ? 'blue' : 'danger'}
+        <StyledSelectContainer>
+          <Select
+            dropdownId="settings_billing-metered-price"
+            options={options}
+            value={selectedPriceId ?? currentMeteredPrice.stripePriceId}
+            onChange={handleChange}
+            disabled={isUpdating || isTrialing}
+            description={
+              isTrialing ? t`Please start your subscription first` : undefined
+            }
+            fullWidth
           />
+        </StyledSelectContainer>
+        {isChanged && (
+          <StyledButtonContainer>
+            <Button
+              title={isUpgrade() ? t`Upgrade` : t`Downgrade`}
+              onClick={handleOpenConfirm}
+              variant="primary"
+              isLoading={isUpdating}
+              disabled={!isChanged}
+              accent={isUpgrade() ? 'blue' : 'danger'}
+            />
+          </StyledButtonContainer>
         )}
       </StyledRow>
       <ConfirmationModal