feat(mobile): refonte responsive complète (header, drawer, dvh, cibles tactiles)

Le header était en grid-cols-[auto_1fr_auto] avec une barre de recherche
non-wrappable (7 chips + input + 2 boutons, aucun min-w-0) : ~1000px de
largeur intrinsèque dans un viewport de 375px. Toutes les routes
débordaient horizontalement et les boutons Connexion/Inscription partaient
hors écran.

Socle
- --header-h / --header-offset / --app-vh centralisent la métrique du
  header : supprime les top-16 codés en dur (channel-tabs était en top-0 et
  glissait sous le header au scroll).
- Safe-area iOS, viewport-fit=cover, color-scheme/theme-color.
- dvh partout (100vh > hauteur visible sur iOS), overflow-x: clip au lieu de
  hidden (hidden cassait silencieusement tous les sticky).
- Cible tactile 44px sur pointeur grossier, skip link, focus-ring clavier,
  scroll-rail pour les tab strips.

Header
- Barre mobile (burger, logo, recherche, menu ⋮) + barre desktop inchangée.
- Le menu ⋮ expose ce qui disparaissait : bande des thèmes, préférences,
  historique, favoris, téléchargements, thème, connexion/inscription.
- Recherche en feuille sous le header avec focus automatique.
- Échap / clic extérieur / navigation ferment les panneaux transitoires.

Drawer
- Partait à inset-y-0 : les 56 premiers px du menu étaient derrière le
  header. Descend sous le header, bouton fermer intégré, verrouille le
  scroll, se ferme à Échap.

Barre de recherche
- Chips masquées sous lg, remplacées par un bouton résumé qui ouvre le
  sélecteur de fournisseurs. Suggestions en dvh, menu Ctrl+K plein écran
  sur mobile.

Pages
- Shorts : cadre 9:16 contraint par dvh ET vw (il débordait en paysage),
  Préc./Suiv. qui étaient hors du conteneur height-capped.
- Watch : barre d'actions qui wrappe, mode cinéma en opacity-0 group-hover
  donc invisible au doigt, thumbnails fluides, playsinline sur les iframes.
- Historique, thèmes, chaîne, playlists, préférences, sessions : rails
  swipables, min-w-0, truncate, en-têtes qui wrappent.

Vérifié : audit navigateur (CDP) sur 17 routes x 7 largeurs (320→1440),
zéro débordement horizontal ; 19 tests d'interaction mobile ; suites de
tests du dépôt vertes (api 40/40, transcript 27/27, search, suggest,
playlists, preferences, subscriptions, highlight, telemetry).

src/services/i18n.service.ts

@@ -23,6 +23,12 @@ const EN: Record<string, string> = {
   'menu.preferences': 'Preferences',
   'menu.appearance': 'Appearance',
   'menu.logout': 'Logout',
+  'menu.more': 'More options',
+  'menu.search': 'Search',
+  'menu.close': 'Close',
+  'menu.navigation': 'Navigation',
+  'menu.theme': 'Theme',
+  'theme.system': 'System',
   'theme.black': 'Black',
   'theme.dark': 'Dark',
   'theme.blue': 'Blue',
@@ -89,6 +95,8 @@ const EN: Record<string, string> = {
   'empty.noItems': 'No items.',
   'common.more': 'More',
   'common.less': 'Less',
+  'common.skipToContent': 'Skip to main content',
+  'common.closeMenu': 'Close menu',
   // Filters
   'filter.sort': 'Sort by',
   'filter.sort.recent': 'Most recent',
@@ -169,6 +177,12 @@ const FR: Record<string, string> = {
   'menu.preferences': 'Préférences',
   'menu.appearance': 'Apparence',
   'menu.logout': 'Déconnexion',
+  'menu.more': 'Plus d\'options',
+  'menu.search': 'Rechercher',
+  'menu.close': 'Fermer',
+  'menu.navigation': 'Navigation',
+  'menu.theme': 'Thème',
+  'theme.system': 'Système',
   'theme.black': 'Noir',
   'theme.dark': 'Sombre',
   'theme.blue': 'Bleu',
@@ -235,6 +249,8 @@ const FR: Record<string, string> = {
   'empty.noItems': 'Aucun élément.',
   'common.more': 'Plus',
   'common.less': 'Moins',
+  'common.skipToContent': 'Aller au contenu principal',
+  'common.closeMenu': 'Fermer le menu',
   // Filters
   'filter.sort': 'Tri',
   'filter.sort.recent': 'Plus récents',