feat(playlist): open recognized M3U movies in the VOD detail view (#1420)

M3U entries recognized as movie files now open in the portals' two-state VOD
detail view, fed by TMDB metadata instead of the empty EPG zone. Watch-first:
activation still plays immediately, with plot, cast, rating and artwork below
the player; Escape reveals the Browse hero.

Recognition is a synchronous URL-shape heuristic (movie container extension or
an Xtream-style /movie/ path; radio, DASH, /series/ paths and episode-marker
names keep today's live layout), gated on TMDB enrichment plus the new
default-on Settings.m3uVodDetails toggle. Works in Electron and the PWA.

Review follow-ups included: the playback payload no longer carries TMDB fields
(its identity is the player's source-application key), the persisted volume
reaches the player and survives Browse → Play, the enrichment guard keys on
the full lookup identity, and the saved engine mounts first time instead of
briefly falling back to Video.js.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

apps/web/src/app/settings/settings-tmdb-section.component.html

@@ -1,8 +1,4 @@
-<section
-    class="settings-group"
-    id="tmdb"
-    [formGroup]="form()"
->
+<section class="settings-group" id="tmdb" [formGroup]="form()">
     <header class="settings-group__header">
         <div class="settings-group__header-icon">
             <mat-icon>movie</mat-icon>
@@ -98,6 +94,30 @@
             </div>
         }
 
+        @if (form().value.tmdb?.enabled === true) {
+            @if (m3uVodDetailsControl; as m3uVodDetails) {
+                <div class="setting-item">
+                    <div class="setting-item__meta">
+                        <h4>
+                            {{ 'SETTINGS.TMDB_M3U_VOD_DETAILS' | translate }}
+                        </h4>
+                        <p>
+                            {{
+                                'SETTINGS.TMDB_M3U_VOD_DETAILS_DESCRIPTION'
+                                    | translate
+                            }}
+                        </p>
+                    </div>
+                    <div class="setting-item__control setting-item__toggle">
+                        <mat-checkbox
+                            [formControl]="m3uVodDetails"
+                            data-test-id="tmdb-m3u-vod-details"
+                        ></mat-checkbox>
+                    </div>
+                </div>
+            }
+        }
+
         <div class="setting-item">
             <div class="setting-item__meta">
                 <h4>{{ 'SETTINGS.TMDB_CACHE' | translate }}</h4>