feat(ui): add empty-state and expose addPlaylist event

Introduce explicit empty-state handling in RecentPlaylists:
- Replace previous direct rendering of an empty mat-list item with
  app-empty-state for two cases: a global "welcome" state when no
  playlists exist at all, and a "no-results" state when filters/search
  return nothing. This clarifies UX and provides a CTA for adding
  playlists in the welcome state.
- Change playlist data binding from playlists$ to playlistsData$ and
  adapt loops and accessors to data.playlists / data.totalCount.
- Keep existing global favorites item and playlist-item rendering.

Wire up addPlaylist event and components:
- Add addPlaylistClicked output to RecentPlaylists component and
  forward the event from the home component so the parent can open
  the add-playlist flow.
- Import EmptyStateComponent and PlaylistType types used by the new
  output.

Minor cleanup and imports:
- Reformat some imports and add tap to RxJS imports.
- Adjust template structure and placeholders for deferred loading.

apps/web/src/app/shared/components/header/header.component.html

@@ -28,12 +28,15 @@
             <button
                 mat-icon-button
                 class="add-playlist-btn"
-                [matMenuTriggerFor]="addPlaylistMenu"
+                [matMenuTriggerFor]="addPlaylistMenuComponent().menu()"
                 [matTooltip]="'HOME.URL_UPLOAD.ADD_PLAYLIST' | translate"
                 data-test-id="add-playlist"
             >
                 <mat-icon>add</mat-icon>
             </button>
+            <app-add-playlist-menu
+                (playlistTypeSelected)="opedAddPlaylistDialog($event)"
+            />
             <!-- Sort button -->
             <button
                 mat-icon-button
@@ -194,53 +197,6 @@
                     }
                 </section>
             </mat-menu>
-            <mat-menu #addPlaylistMenu="matMenu">
-                <button
-                    mat-menu-item
-                    [attr.aria-label]="'HOME.TABS.FILE_UPLOAD' | translate"
-                    (click)="opedAddPlaylistDialog('file')"
-                >
-                    <mat-icon>attach_file</mat-icon>
-                    <span>{{ 'HOME.TABS.FILE_UPLOAD' | translate }}</span>
-                </button>
-                <button
-                    mat-menu-item
-                    [attr.aria-label]="'HOME.TABS.URL_UPLOAD' | translate"
-                    (click)="opedAddPlaylistDialog('url')"
-                >
-                    <mat-icon>link</mat-icon>
-                    <span>{{ 'HOME.TABS.URL_UPLOAD' | translate }}</span>
-                </button>
-                <button
-                    mat-menu-item
-                    [attr.aria-label]="'HOME.TABS.TEXT_IMPORT' | translate"
-                    (click)="opedAddPlaylistDialog('text')"
-                >
-                    <mat-icon>text_format</mat-icon>
-                    <span>{{ 'HOME.TABS.TEXT_IMPORT' | translate }}</span>
-                </button>
-                <mat-divider></mat-divider>
-                <button
-                    mat-menu-item
-                    [attr.aria-label]="'HOME.TABS.XTREME_IMPORT' | translate"
-                    (click)="opedAddPlaylistDialog('xtream')"
-                >
-                    <mat-icon>video_library</mat-icon>
-                    <span>{{ 'HOME.TABS.XTREME_IMPORT' | translate }}</span>
-                </button>
-                <button
-                    mat-menu-item
-                    [attr.aria-label]="
-                        'HOME.TABS.STALKER_PORTAL_IMPORT' | translate
-                    "
-                    (click)="opedAddPlaylistDialog('stalker')"
-                >
-                    <mat-icon>dashboard</mat-icon>
-                    <span>{{
-                        'HOME.TABS.STALKER_PORTAL_IMPORT' | translate
-                    }}</span>
-                </button>
-            </mat-menu>
         </div>
     }
 </div>