Add dedicated playlist song list page

src/renderer/router/app-router.tsx

@@ -26,6 +26,10 @@ const PlaylistDetailRoute = lazy(
   () => import('/@/renderer/features/playlists/routes/playlist-detail-route'),
 );
 
+const PlaylistDetailSongListRoute = lazy(
+  () => import('/@/renderer/features/playlists/routes/playlist-detail-song-list-route'),
+);
+
 const PlaylistListRoute = lazy(
   () => import('/@/renderer/features/playlists/routes/playlist-list-route'),
 );
@@ -80,6 +84,10 @@ export const AppRouter = () => {
                 element={<PlaylistDetailRoute />}
                 path={AppRoute.PLAYLISTS_DETAIL}
               />
+              <Route
+                element={<PlaylistDetailSongListRoute />}
+                path={AppRoute.PLAYLISTS_DETAIL_SONGS}
+              />
               <Route
                 element={<AlbumArtistListRoute />}
                 path={AppRoute.LIBRARY_ALBUMARTISTS}

src/renderer/router/routes.ts

@@ -16,6 +16,7 @@ export enum AppRoute {
   PLAYING = '/playing',
   PLAYLISTS = '/playlists',
   PLAYLISTS_DETAIL = '/playlists/:playlistId',
+  PLAYLISTS_DETAIL_SONGS = '/playlists/:playlistId/songs',
   SEARCH = '/search',
   SERVERS = '/servers',
 }