fix layout

frontend/src/app/admin/layout.tsx

@@ -1,5 +1,6 @@
 'use client'
 
+import dynamic from 'next/dynamic'
 import ProtectedRoute from '@/components/ProtectedRoute'
 import { AuthProvider, useAuth } from '@/contexts/AuthContext'
 import Link from 'next/link'
@@ -108,12 +109,25 @@ function AdminLayoutContent({ children }: { children: React.ReactNode }) {
   )
 }
 
+
+const AdminLayoutClient = dynamic(
+  () =>
+    Promise.resolve(function AdminLayoutClient({
+      children
+    }: {
+      children: React.ReactNode
+    }) {
+      return (
+        <AuthProvider>
+          <ProtectedRoute>
+            <AdminLayoutContent>{children}</AdminLayoutContent>
+          </ProtectedRoute>
+        </AuthProvider>
+      )
+    }),
+  { ssr: false }
+)
+
 export default function AdminLayout({ children }: { children: React.ReactNode }) {
-  return (
+  return <AdminLayoutClient>{children}</AdminLayoutClient>
-    <AuthProvider>
-      <ProtectedRoute>
-        <AdminLayoutContent>{children}</AdminLayoutContent>
-      </ProtectedRoute>
-    </AuthProvider>
-  )
 }