New Layout (#22)

New layout

apps/web/app/admin/layout.tsx

@@ -1,4 +1,10 @@
-import { Page, PageBody, PageHeader } from '@kit/ui/page';
+import {
+  Page,
+  PageBody,
+  PageHeader,
+  PageMobileNavigation,
+  PageNavigation,
+} from '@kit/ui/page';
 
 import { AdminSidebar } from '~/admin/_components/admin-sidebar';
 import { AdminMobileNavigation } from '~/admin/_components/mobile-navigation';
@@ -9,13 +15,20 @@ export const metadata = {
 
 export default function AdminLayout(props: React.PropsWithChildren) {
   return (
-    <Page sidebar={<AdminSidebar />}>
+    <Page style={'sidebar'}>
       <PageHeader
-        mobileNavigation={<AdminMobileNavigation />}
         title={'Super Admin'}
         description={`Your SaaS stats at a glance`}
       />
 
+      <PageNavigation>
+        <AdminSidebar />
+      </PageNavigation>
+
+      <PageMobileNavigation>
+        <AdminMobileNavigation />
+      </PageMobileNavigation>
+
       <PageBody>{props.children}</PageBody>
     </Page>
   );