th-125: * updates router: wraps all pages in PageLayout

Author: h0wter

frontend/src/libs/components/page-layout/page-layout.tsx

@@ -1,16 +1,16 @@
 import { type FC } from 'react';
 
+import { Header, RouterOutlet } from '~/libs/components/components.js';
 import { useCallback, useState } from '~/libs/hooks/hooks.js';
 import { type TabName } from '~/libs/types/types.js';
 import { Sidebar } from '~/pages/dashboard/components/sidebar/sidebar.js';
 
-import { Header } from '../components.js';
 import styles from './styles.module.scss';
 
 type Properties = {
   isHeaderHidden?: boolean;
   isSidebarHidden?: boolean;
-  children: JSX.Element;
+  children?: JSX.Element;
 };
 
 const PageLayout: FC<Properties> = ({
@@ -37,7 +37,10 @@ const PageLayout: FC<Properties> = ({
           <Sidebar selectedTab={selectedTab} onTabClick={handleTabSelect} />
         </div>
       )}
-      <main className={styles.content}>{children}</main>
+      <main className={styles.content}>
+        <RouterOutlet />
+        {children}
+      </main>
     </div>
   );
 };

frontend/src/libs/components/router/router.tsx

@@ -7,14 +7,13 @@ import { Dashboard } from '~/pages/dashboard/dashboard.js';
 import { NotFound } from '~/pages/not-found/not-found.js';
 import { WelcomePage } from '~/pages/welcome/welcome.js';
 
-import { App } from '../app/app.js';
 import { ProtectedRoute } from '../components.js';
 import { PageLayout } from '../page-layout/page-layout.js';
 import { RouterProvider } from '../router-provider/router-provider.js';
 
 const Router = (): JSX.Element => (
   <RouterProvider>
-    <Route path={AppRoute.ROOT} element={<App />}>
+    <Route path={AppRoute.ROOT} element={<PageLayout isSidebarHidden />}>
       <Route path={AppRoute.WELCOME} element={<WelcomePage />} />
       <Route path={AppRoute.SIGN_IN} element={<Auth />} />
       <Route path={AppRoute.SIGN_UP} element={<Auth />} />