fix(menu-fab): navigation du menu correcte sur /shorts + FAB plus compact

- app-player-menu : stopPropagation wheel/touchstart/touchend sur le host —
  les handlers window:wheel et window:touch* de /shorts ne volaient plus les
  gestes sur le panneau (impossible de scroller jusqu'en bas du menu, tap =
  play/pause, swipe = changement de short)
- /shorts : ArrowUp/Down ignore quand le menu est ouvert
- /shorts : le FAB passe en haut a DROITE du cadre (la fleche retour mobile
  z-20 passait par-dessus le FAB piege dans la scene z-10)
- Look/taille : FAB 40->36px, panneau 288->240px, items compacts,
  max-height 70vh/480 -> 65vh/430 (plus de rognage par overflow:hidden),
  pastille en degrade + relief, panneau rounded-xl + highlight interne

src/app/shared/components/player-menu/player-menu.component.ts

@@ -18,6 +18,15 @@ import { CommonModule } from '@angular/common';
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [CommonModule],
+  // Les pages /shorts hijackent `window:wheel` / `window:touchstart|end` pour
+  // naviguer d'un short à l'autre : sans ces stopPropagation, tout geste SUR le
+  // panneau ouvert scrolle la vidéo au lieu du menu (impossible d'atteindre le
+  // bas du menu). Arrêté ici = corrigé une fois pour /watch ET /shorts.
+  host: {
+    '(wheel)': '$event.stopPropagation()',
+    '(touchstart)': '$event.stopPropagation()',
+    '(touchend)': '$event.stopPropagation()',
+  },
   template: `
     <button type="button"
             (click)="toggle(); $event.stopPropagation()"