fix(shorts): embeds DM/PT/Rumble/Twitch + flux Pour toi multi-fournisseurs

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

@@ -1,6 +1,13 @@
 <div class="flex w-full flex-col items-center gap-3 p-2 sm:p-4">
   <!-- Sélecteur de fournisseur : la page n'est plus bloquée sur un seul provider -->
   <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">
+    <button (click)="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'"
+            title="Shorts personnalisés multi-fournisseurs à partir de vos abonnements, groupes, recherches, likes et téléchargements">
+      ✨ Pour toi
+    </button>
     <button *ngFor="let p of providersList()"
             (click)="selectProvider(p.id)"
             [attr.aria-pressed]="provider() === p.id"
@@ -96,5 +103,14 @@
       <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 inline" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M7 10l5 5 5-5H7z"/></svg>
     </button>
   </div>
+  @if (forYou() && (topics().length > 0 || topicsLoading())) {
+    <p class="max-w-lg text-center text-xs text-slate-400" role="status" aria-live="polite">
+      @if (topicsLoading()) {
+        <span>Analyse de vos goûts…</span>
+      } @else {
+        <span>Sujets : {{ topics().join(' · ') }}</span>
+      }
+    </p>
+  }
   <p class="max-w-lg text-center text-xs text-slate-500">Si une vidéo affiche une erreur (153, Forbidden, introuvable…), utilisez ⏭ Passer : elle est retirée du flux.</p>
 </div>