Add initial queue/album list routes

src/renderer/router/app-router.tsx

@@ -1,11 +1,12 @@
 /* eslint-disable sort-keys-fix/sort-keys-fix */
 import { Routes, Route } from 'react-router-dom';
-import { AlbumListRoute } from '@/renderer/features/albums/routes/album-list-route';
+import { AlbumListRoute } from '@/renderer/features/albums';
+import { LoginRoute } from '@/renderer/features/auth';
+import { DashboardRoute } from '@/renderer/features/dashboard';
+import { NowPlayingRoute } from '@/renderer/features/now-playing';
+import { AuthLayout, DefaultLayout } from '@/renderer/layouts';
 import { AuthOutlet } from '@/renderer/router/auth-outlet';
 import { PrivateOutlet } from '@/renderer/router/private-outlet';
-import { LoginRoute } from '../features/auth';
-import { DashboardRoute } from '../features/dashboard';
-import { AuthLayout, DefaultLayout } from '../layouts';
 import { AppRoute } from './routes';
 
 export const AppRouter = () => {
@@ -22,6 +23,7 @@ export const AppRouter = () => {
       >
         <Route element={<DefaultLayout />}>
           <Route element={<DashboardRoute />} path={AppRoute.HOME} />
+          <Route element={<NowPlayingRoute />} path={AppRoute.NOW_PLAYING} />
           <Route element={<AlbumListRoute />} path={AppRoute.LIBRARY_ALBUMS} />
           <Route element={<></>} path={AppRoute.LIBRARY_ARTISTS} />
         </Route>

src/renderer/router/routes.ts

@@ -12,6 +12,7 @@ export enum AppRoute {
   LIBRARY_FOLDERS = '/library/folders',
   LIBRARY_SONGS = '/library/songs',
   LOGIN = '/login',
+  NOW_PLAYING = '/now-playing',
   PLAYING = '/playing',
   PLAYLISTS = '/playlists',
   PLAYLISTS_DETAIL = '/playlists/:playlistId',
@@ -21,6 +22,7 @@ export enum AppRoute {
 
 type TArgs =
   | { path: AppRoute.HOME }
+  | { path: AppRoute.NOW_PLAYING }
   | { path: AppRoute.EXPLORE }
   | { path: AppRoute.LOGIN }
   | { path: AppRoute.PLAYING }