feat(playback): slide-in channel list for fullscreen playback (#1519)

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

@@ -128,6 +128,34 @@
         </div>
     }
 
+    @if (supportsFullscreenChannelPanel()) {
+        <div
+            class="setting-item"
+            data-test-id="fullscreen-channel-panel-setting"
+        >
+            <div class="setting-item__meta">
+                <h4>
+                    {{ 'SETTINGS.FULLSCREEN_CHANNEL_PANEL' | translate }}
+                </h4>
+                <p>
+                    {{
+                        'SETTINGS.FULLSCREEN_CHANNEL_PANEL_DESCRIPTION'
+                            | translate
+                    }}
+                </p>
+            </div>
+            <div class="setting-item__control setting-item__toggle">
+                <mat-checkbox
+                    [aria-label]="
+                        'SETTINGS.FULLSCREEN_CHANNEL_PANEL' | translate
+                    "
+                    formControlName="fullscreenChannelPanel"
+                    data-test-id="fullscreen-channel-panel-toggle"
+                ></mat-checkbox>
+            </div>
+        </div>
+    }
+
     <!-- Only the web players raise a playback diagnostic, so under MPV, VLC
          or Embedded MPV nothing would ever trigger a failover. -->
     @if (supportsVodMultiSource() && isWebPlayerSelected()) {