Move settings to route instead of modal

src/renderer/router/app-router.tsx

@@ -58,6 +58,8 @@ const AlbumDetailRoute = lazy(
   () => import('/@/renderer/features/albums/routes/album-detail-route'),
 );
 
+const SettingsRoute = lazy(() => import('/@/renderer/features/settings/routes/settings-route'));
+
 const RouteErrorBoundary = lazy(
   () => import('/@/renderer/features/action-required/components/route-error-boundary'),
 );
@@ -84,6 +86,11 @@ export const AppRouter = () => {
                 errorElement={<RouteErrorBoundary />}
                 path={AppRoute.HOME}
               />
+              <Route
+                element={<SettingsRoute />}
+                errorElement={<RouteErrorBoundary />}
+                path={AppRoute.SETTINGS}
+              />
               <Route
                 element={<NowPlayingRoute />}
                 errorElement={<RouteErrorBoundary />}

src/renderer/router/routes.ts

@@ -20,4 +20,5 @@ export enum AppRoute {
   PLAYLISTS_DETAIL_SONGS = '/playlists/:playlistId/songs',
   SEARCH = '/search',
   SERVERS = '/servers',
+  SETTINGS = '/settings',
 }