website refactor

apps/website/templates/layout/RootAppShellTemplate.tsx

@@ -5,6 +5,7 @@ import { AppHeader } from '@/components/layout/AppHeader';
 import { AppSidebar } from '@/components/layout/AppSidebar';
 import { Layout } from '@/ui/Layout';
 import { Box } from '@/ui/Box';
+import { SidebarProvider } from '@/components/layout/SidebarContext';
 import React from 'react';
 
 export interface RootAppShellViewData {
@@ -17,22 +18,24 @@ export interface RootAppShellViewData {
  */
 export function RootAppShellTemplate({ children }: RootAppShellViewData) {
   return (
-    <Layout
-      header={<AppHeader />}
-      sidebar={<AppSidebar />}
-      footer={<AppFooter />}
-      fixedHeader={true}
-      fixedSidebar={true}
-      fixedFooter={false}
-    >
-      <Box 
-        width="full"
-        className="max-w-[1920px] mx-auto"
-        px={8}
-        py={8}
+    <SidebarProvider>
+      <Layout
+        header={<AppHeader />}
+        sidebar={<AppSidebar />}
+        footer={<AppFooter />}
+        fixedHeader={true}
+        fixedSidebar={true}
+        fixedFooter={true}
       >
-        {children}
-      </Box>
-    </Layout>
+        <Box 
+          width="full"
+          className="max-w-[1920px] mx-auto"
+          px={8}
+          py={8}
+        >
+          {children}
+        </Box>
+      </Layout>
+    </SidebarProvider>
   );
 }