feat(ui): exploiter la largeur d'écran sur les pages app

[Tbeaumont79]

Pourquoi

Le design ne tirait pas parti de la largeur d'écran : le shell bornait le contenu à max-w-4xl (et /profil descendait même à max-w-3xl), laissant beaucoup de vide latéral sur grand écran. Cette PR élargit et passe en multi-colonnes là où ça a du sens.

Changements

• Shell (layouts/default.vue) : header / main / footer en max-w-6xl.
• /profil : 2 colonnes sur lg — colonne d'édition à gauche, rail latéral sticky à droite (récap « Ton profil en bref » avec les compteurs, repère « Toujours honnête », lien vers l'exemple de CV). Retombe proprement en une seule colonne sur mobile (rail en dessous).
• /cv/demo : passage en feuille A4 + panneau d'actions sticky (titre, badge démo, bouton export, note) au lieu d'actions empilées au-dessus. CvTemplate intouché — parité stricte avec l'export PDF serveur préservée.
• /ui : catalogue du design system en masonry 2 colonnes.

Aucune route serveur ni logique métier touchée — uniquement la mise en page (4 fichiers .vue).

Vérification

• Vérifié visuellement sur captures réelles, desktop et mobile, avec un /profil peuplé (login magic-link via console + données seedées).
• ✅ prettier · ✅ lint · ✅ typecheck · ✅ 50 tests

Note : CI laissée volontairement (le job health-check casse sans SMTP — sans rapport avec cette PR).

🤖 Generated with Claude Code

[coderabbitai]

Warning

Review limit reached

@Tbeaumont79, we couldn't start this review because you've reached your PR review rate limit.

More reviews will be available in 6 minutes and 56 seconds. Learn how PR review limits work.

Your organization has run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans include higher PR review limits than trial, open-source, and free plans. In all cases, reviews become available again over time. During sustained high-volume PR review activity, CodeRabbit may temporarily slow when the next review becomes available.

Please see our Fair Usage Limits Policy for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: f7efe6b0-5add-46f2-8237-6d637fe7a42f

📥 Commits

Reviewing files that changed from the base of the PR and between 2d00cf7 and fb06f7d.

📒 Files selected for processing (4)

• apps/app/layouts/default.vue
• apps/app/pages/cv/demo.vue
• apps/app/pages/profil.vue
• apps/app/pages/ui.vue

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/design-pleine-largeur

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[netlify]

✅ Deploy Preview for monumental-speculoos-a69398 ready!

Name	Link
🔨 Latest commit	fb06f7d
🔍 Latest deploy log	https://app.netlify.com/projects/monumental-speculoos-a69398/deploys/6a29677bc00eeb0008c7ff79
😎 Deploy Preview	https://deploy-preview-18--monumental-speculoos-a69398.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.