fix(shorts): autoplay muet, langues FR/EN, proxy prod et Dailymotion embeds

- autoplay: les Shorts demarrent muets (comme Watch) pour garantir l'autoplay des iframes; le son se debloque a la premiere interaction (unlockSound) et reste controlable
- proxy prod: ajoute les alias /proxy/twitch-api, /proxy/twitch-auth, /proxy/dm, /proxy/odysee (evite le fallback SPA -> parse JSON 'status 200 ok:false'); forwardJson accepte les deux prefixes. Corrige aussi la validation des clips Twitch morts
- Dailymotion: allow_embed demande dans les flux shorts/trending -> les videos non-embeddables ('Forbidden') sont exclues
- langues: mapping language (Dailymotion/PeerTube/Odysee) + shortsLangOk applique a tous les fournisseurs; en+fr toujours acceptes
- PeerTube shorts: durationMin/Max cote serveur (plus de videos longues au hasard)
- Twitch: validation helix/clips de nouveau fonctionnelle + autoplay muet

src/components/shorts/watch-short.component.html

@@ -1,7 +1,7 @@
-<div class="shorts-stage flex w-full flex-col items-center gap-3 rounded-2xl bg-black/60 p-2 sm:p-4" (click)="closeMenu()">
+<div class="shorts-stage flex w-full flex-col items-center gap-3 rounded-2xl bg-black/60 p-2 sm:p-4" (click)="unlockSound(); closeMenu()">
   <!-- Sélecteur : Pour toi + fournisseurs -->
   <div class="scroll-rail no-scrollbar flex max-w-full items-center justify-start gap-2 sm:justify-center" role="tablist" aria-label="Fournisseur des Shorts" (click)="$event.stopPropagation()">
-    <button (click)="toggleForYou()"
+    <button (click)="unlockSound(); toggleForYou()"
             [attr.aria-pressed]="forYou()"
             class="chip shrink-0 px-3 py-2 rounded-full text-sm border transition-colors"
             [class]="forYou() ? 'bg-violet-600 border-violet-500 text-white' : 'bg-slate-800 border-slate-700 text-slate-300 hover:bg-slate-700'"
@@ -9,7 +9,7 @@
       ✨ Pour toi
     </button>
     <button *ngFor="let p of providersList()"
-            (click)="selectProvider(p.id)"
+            (click)="unlockSound(); selectProvider(p.id)"
             [attr.aria-pressed]="!forYou() && provider() === p.id"
             class="chip shrink-0 px-3 py-2 rounded-full text-sm border transition-colors"
             [class]="!forYou() && provider() === p.id ? 'bg-red-600 border-red-500 text-white' : 'bg-slate-800 border-slate-700 text-slate-300 hover:bg-slate-700'">
@@ -19,7 +19,7 @@
 
   <!-- Scène immersive : flèches + cadre 9:16 + rail d'actions -->
   <div class="flex w-full min-h-0 items-center justify-center gap-1 sm:gap-3"
-        (wheel)="onWheel($event)" (touchstart)="onTouchStart($event)" (touchend)="onTouchEnd($event)">
+        (wheel)="unlockSound(); onWheel($event)" (touchstart)="unlockSound(); onTouchStart($event)" (touchend)="onTouchEnd($event)">
     <!-- Flèche précédent (bureau, façon YouTube) -->
     <button type="button" (click)="prev(); $event.stopPropagation()" [disabled]="!canPrev()"
             class="chip hidden sm:flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-slate-800/80 text-white hover:bg-slate-700 disabled:opacity-30"