Make skeleton widths caller-controlled and sized

TextSkeleton and HeadingSkeleton baked w-full into their shared base.
Under tailwind-variants/lite (no tailwind-merge) that collided with the
caller's width class and won by stylesheet order, so every skeleton
ignored its width: bars stretched full in column contexts and collapsed
in flex rows.

Drop w-full from the base so the single caller width applies, matching
ButtonSkeleton/AvatarSkeleton. Size the compliance-portal TopBar and
Hero skeleton bars to roughly match their English copy, and add a rule
so skeleton widths are revisited when en-US strings change.

Signed-off-by: Émile Ré <emile@probo.com>

.cursor/rules/skeleton-width-sync.mdc

@@ -0,0 +1,31 @@
+---
+description: Keep skeleton placeholder widths in sync with English (en-US) copy
+globs: "**/_locales/en-US.json"
+alwaysApply: false
+---
+
+# Skeleton widths follow English copy
+
+en-US is the reference locale for placeholder sizing. When you add or change a
+user-facing string here, update the paired `*Skeleton` for the component that
+renders it so its width still roughly matches the English text. Skeleton
+primitives (`TextSkeleton`, `HeadingSkeleton`) take width via the caller's
+`className` (e.g. `w-16`, `w-24`, `w-80`, or `w-full`); they do not default to a
+width, so the placeholder must carry one.
+
+Pairing convention: a component `Foo` has a sibling `FooSkeleton` that reuses the
+same layout (see `contrib/claude/ui.md` and `contrib/claude/app-arborescence.md`).
+
+```jsonc
+// en-US.json — label lengthened from "Subprocessors"
+"subprocessors": "Sub-processors & vendors"
+```
+
+```tsx
+// TopBarSkeleton.tsx — bump the matching nav bar so it still mirrors the label
+{ key: "subprocessors", width: "w-40" }, // was w-24
+```
+
+This is a best-effort visual convention, not a mechanically enforced link: match
+the placeholder width to the English string length so loading states stay
+harmonious. Other locales do not drive skeleton sizing.