refactor: Wrap AppLayout in SidebarProvider and clean up package.json scripts

Author: tikazyq

packages/web/app/AppLayout.tsx

@@ -5,6 +5,7 @@ import { NavigationSidebar, ErrorBoundary, AppLayoutSkeleton, TopNavbar } from '
 import { useDevlogContext } from './contexts/DevlogContext';
 import { useStats } from '@/hooks/useStats';
 import { Alert, AlertDescription } from '@/components/ui/alert';
+import { SidebarProvider } from '@/components/ui/sidebar';
 import { AlertTriangle } from 'lucide-react';
 import { cn } from '@/lib/utils';
 
@@ -31,31 +32,33 @@ export function AppLayout({ children }: AppLayoutProps) {
 
   return (
     <ErrorBoundary>
-      <div className="min-h-screen bg-background">
-        <TopNavbar />
-        <div className="flex flex-1">
-          <NavigationSidebar
-            stats={stats}
-            statsLoading={isLoadingStats}
-            collapsed={sidebarCollapsed}
-            connected={connected}
-            onToggle={() => setSidebarCollapsed(!sidebarCollapsed)}
-          />
-          <div className="flex-1 flex flex-col">
-            <main className="flex-1 p-6">
-              <div className="max-w-full">
-                {error && (
-                  <Alert className="mb-4">
-                    <AlertTriangle className="h-4 w-4" />
-                    <AlertDescription>{error}</AlertDescription>
-                  </Alert>
-                )}
-                {children}
-              </div>
-            </main>
+      <SidebarProvider>
+        <div className="min-h-screen bg-background">
+          <TopNavbar />
+          <div className="flex flex-1">
+            <NavigationSidebar
+              stats={stats}
+              statsLoading={isLoadingStats}
+              collapsed={sidebarCollapsed}
+              connected={connected}
+              onToggle={() => setSidebarCollapsed(!sidebarCollapsed)}
+            />
+            <div className="flex-1 flex flex-col">
+              <main className="flex-1 p-6">
+                <div className="max-w-full">
+                  {error && (
+                    <Alert className="mb-4">
+                      <AlertTriangle className="h-4 w-4" />
+                      <AlertDescription>{error}</AlertDescription>
+                    </Alert>
+                  )}
+                  {children}
+                </div>
+              </main>
+            </div>
           </div>
         </div>
-      </div>
+      </SidebarProvider>
     </ErrorBoundary>
   );
 }

packages/web/package.json

@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "description": "Web interface for devlog management",
   "scripts": {
-    "dev": "next dev --port 3000 --turbo",
+    "dev": "next dev --port 3000",
     "dev:full": "concurrently --names \"CORE,WEB\" --prefix-colors \"green,blue\" \"pnpm --filter @codervisor/devlog-core dev\" \"pnpm dev\"",
     "build": "NEXT_BUILD_MODE=standalone next build",
     "build:test": "NEXT_BUILD_MODE=standalone next build --no-lint",
@@ -52,10 +52,10 @@
     "tailwindcss-animate": "1.0.7",
     "typeorm": "0.3.25",
     "ws": "^8.14.2",
-    "zod": "^3.25.67"
+    "zod": "^3.25.67",
+    "@tailwindcss/postcss": "4.1.11"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "4.1.11",
     "@types/node": "^20.10.6",
     "@types/pg": "^8.11.0",
     "@types/react": "^18.2.48",