La Toba est touffu on y retrouve plein de je sais pas il faut qu’on optimise quand même

Diagnostic

Sur mobile, l'œil voit empilés : status bar iOS + URL bar Safari + topbar dev-tour (burger + search + ModeDropdown + ThemeToggle) + breadcrumb + méta (catégorie + temps lecture) + titre. Ça fait beaucoup de "chrome" avant le contenu.

La topbar elle-même contient 3 contrôles à droite (search / mode / theme). Le ThemeToggle est le moins utilisé (on le règle une fois et on n'y touche plus), donc le meilleur candidat à un déplacement.

Fix

• components/layout/topbar.tsx : retrait de <ThemeToggle /> et de son import. Topbar mobile passe de 4 éléments (burger + search + mode + theme) à 3 (burger + search + mode).
• components/layout/sidebar.tsx : ajout de <ThemeToggle /> dans le footer de la sidebar, à côté du label "dev-tour · v1.1". Le footer passe d'un <div> simple à un flex justify-between pour aligner version (gauche) et theme toggle (droite). Visible mobile drawer ET desktop sidebar — pas de perte d'accessibilité.

Vérifications

• TSC : à vérifier (fait dans le commit groupé du batch)
• Visuel : topbar mobile moins dense ; ThemeToggle reste atteignable en 1 tap (ouvrir drawer → footer en bas)
• À tester côté user : ouverture du drawer mobile, theme switch toujours fonctionnel