Add genre list route and implementation

src/renderer/router/app-router.tsx

@@ -105,11 +105,21 @@ export const AppRouter = () => {
                                 errorElement={<RouteErrorBoundary />}
                                 path={AppRoute.NOW_PLAYING}
                             />
-                            <Route
-                                element={<GenreListRoute />}
-                                errorElement={<RouteErrorBoundary />}
-                                path={AppRoute.LIBRARY_GENRES}
-                            />
+                            <Route path={AppRoute.LIBRARY_GENRES}>
+                                <Route
+                                    index
+                                    element={<GenreListRoute />}
+                                    errorElement={<RouteErrorBoundary />}
+                                />
+                                <Route
+                                    element={<AlbumListRoute />}
+                                    path={AppRoute.LIBRARY_GENRES_ALBUMS}
+                                />
+                                <Route
+                                    element={<SongListRoute />}
+                                    path={AppRoute.LIBRARY_GENRES_SONGS}
+                                />
+                            </Route>
                             <Route
                                 element={<AlbumListRoute />}
                                 errorElement={<RouteErrorBoundary />}

src/renderer/router/routes.ts

@@ -13,6 +13,8 @@ export enum AppRoute {
     LIBRARY_ARTISTS_DETAIL = '/library/artists/:artistId',
     LIBRARY_FOLDERS = '/library/folders',
     LIBRARY_GENRES = '/library/genres',
+    LIBRARY_GENRES_ALBUMS = '/library/genres/:genreId/albums',
+    LIBRARY_GENRES_SONGS = '/library/genres/:genreId/songs',
     LIBRARY_SONGS = '/library/songs',
     NOW_PLAYING = '/now-playing',
     PLAYING = '/playing',