feat(ui): landing full-bleed + formulaire magic-link réellement branché

[Tbeaumont79]

Pourquoi

1. La landing était « dans une boîte » : le layout contraignait <main> à max-w-6xl, donc les fonds de sections s'arrêtaient avec des gouttières grises sur les côtés.
2. Le formulaire email de la landing était factice : il affichait « lien envoyé » sans jamais appeler l'API (prop onSubmit jamais branchée) — d'où « je ne reçois pas de mail » depuis le hero.

Changements

Full-bleed

• Le layout ne contraint plus <main> ; chaque page app (/profil, /cv/demo, /ui) pose son propre conteneur mx-auto max-w-6xl px-6 py-10.
• Les fonds des sections de la landing (muted, sombre garde-fou, indigo CTA) vont désormais bord à bord ; conteneurs internes élargis à max-w-7xl, grille pricing à max-w-6xl.
• Footer dupliqué de la landing supprimé (celui du layout fait foi) ; <main> imbriqué corrigé (<main id=top> → <div>).

Magic-link

• MagicLinkForm appelle useAuth().signIn par défaut → un vrai lien part depuis le hero et le CTA final (gestion d'erreur réseau conservée).
• /connexion : encart dev-only expliquant que sans SMTP le lien s'affiche dans le terminal du serveur.

Vérification

• Captures réelles (1680px + fullpage) : fonds bord à bord, footer unique.
• Soumission du formulaire landing → magic-link loggé côté serveur + écran « C'est envoyé ».
• ✅ prettier (ciblé) · ✅ lint · ✅ typecheck · ✅ 56 tests · ✅ build prod

À noter : pour recevoir de vrais emails, il faut renseigner SMTP_HOST/PORT/USER/PASS + MAIL_FROM dans .env (cf. .env.example) — sans ça, le lien reste loggé dans le terminal (comportement dev voulu).

🤖 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 53 minutes and 5 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: ff1b63f6-320d-4441-9f24-b9192ef5dc27

📥 Commits

Reviewing files that changed from the base of the PR and between 002fe77 and 5d82984.

📒 Files selected for processing (7)

• apps/app/components/landing/MagicLinkForm.vue
• apps/app/layouts/default.vue
• apps/app/pages/connexion.vue
• apps/app/pages/cv/demo.vue
• apps/app/pages/index.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/landing-full-bleed

---

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	5d82984
🔍 Latest deploy log	https://app.netlify.com/projects/monumental-speculoos-a69398/deploys/6a299f9ca0ffa60008e15524
😎 Deploy Preview	https://deploy-preview-20--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.