feat: add external playback support and UI enhancements

- Integrated external playback functionality in category and detail views.
- Updated styles for play buttons to reflect different states (idle, launching, stop).
- Enhanced episode cards to indicate launching and active external playback states.
- Added new computed properties for managing external playback session states.
- Improved user interface for playback buttons with dynamic labels and icons based on playback state.
- Introduced new settings option to show external playback status bar on desktop.
- Updated translations for new features and UI elements.

apps/web/src/app/settings/settings.component.html

@@ -205,6 +205,30 @@
                     </div>
                 </div>
 
+                @if (isDesktop) {
+                    <div class="setting-item">
+                        <div class="setting-item__meta">
+                            <h4>
+                                {{
+                                    'SETTINGS.SHOW_EXTERNAL_PLAYBACK_BAR'
+                                        | translate
+                                }}
+                            </h4>
+                            <p>
+                                {{
+                                    'SETTINGS.SHOW_EXTERNAL_PLAYBACK_BAR_DESCRIPTION'
+                                        | translate
+                                }}
+                            </p>
+                        </div>
+                        <div class="setting-item__control setting-item__toggle">
+                            <mat-checkbox
+                                formControlName="showExternalPlaybackBar"
+                            ></mat-checkbox>
+                        </div>
+                    </div>
+                }
+
                 @if (settingsForm.value.player === 'mpv') {
                     <div class="setting-item">
                         <div class="setting-item__meta">