fix(web): 💄 Apply web dev feedback on the home page

[Stoupy51]

Cette PR applique le retour du dev web sur le site (docs/web).

Changements

1. L'installation commence sur l'étape 01
Dans Installation.tsx, l'état initial passe de useState(STEPS.length - 1) à useState(0). En arrivant sur le site, la section « From nothing to a built pack in four commands » s'ouvrait sur l'étape 04 au lieu de la 01.

2. Suppression des mini titres (eyebrows)
Les labels « What you gain », « Built with StewBeet », « Get started », « Built on », etc. ne donnaient aucune information et ajoutaient du scroll. Ils sont supprimés sur tout le site :

• sections de l'accueil : Spotlights, Gains, BuiltWith, StandingOnGiants, Installation ;
• pages Documentation (en-tête et section plugins) ;
• PageHeader (Tools, Playground, Credits, Telemetry, Auto headers, Markdown → BBCode) : la prop eyebrow est retirée.

Le mt-4 du titre qui suivait chaque eyebrow est retiré aussi, pour ne pas laisser d'espace vide. J'ai supprimé ce qui n'était plus utilisé : la classe .eyebrow dans index.css, la constante EYEBROW dans theme.ts, et les clés eyebrow et pluginsEyebrow (EN et FR) dans translations.ts.

Deux éléments sont conservés parce qu'ils portent une vraie information : la ligne version / date de sortie / licence au-dessus du titre du Hero, et les labels internes aux cartes de la page Tools (« Runs on the server »…).

3. Fondu sur le code du Hero
Quand on changeait d'onglet (Block / CustomOreGeneration), l'arbre de fichiers à droite faisait un fondu (transition-opacity duration-200), mais le code à gauche changeait d'un coup. Le code refait maintenant un fondu de 200 ms à chaque changement : le bloc a une key liée à l'onglet et une nouvelle classe code-swap. Le fondu ne s'active qu'après un clic, donc ni le premier affichage ni l'animation d'intro ne changent. Il est désactivé si prefers-reduced-motion est demandé.

Vérifications

• tsc -b, eslint . et bun test (35 tests) passent.
• Vérifié dans Chromium sur le serveur de dev :
  • l'étape active au chargement est la 01 ;
  • il ne reste aucun .eyebrow sur la page ;
  • après un clic sur un onglet, l'opacité du code passe de 0 → 0,24 → 0,78 → 0,96 → 1 ;
  • les en-têtes des pages Tools, Documentation et Credits s'affichent correctement sans eyebrow.

🤖 Generated with Claude Code

https://claude.ai/code/session_01QuzqbqTP5ARxz8b3MZyEy1

---

Generated by Claude Code