I see this error with the app, reported by NextJS, please fix it. The er

src/app/admin/layout.tsx

@@ -25,6 +25,7 @@ import {
 } from "lucide-react"
 import { Button } from "@/components/ui/button";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { logout } from "@/lib/actions/auth";
 
 function AdminLayout({
   children,
@@ -78,11 +79,8 @@ function AdminLayout({
         <SidebarFooter>
           <SidebarMenu>
              <SidebarMenuItem>
-                <form action={async () => {
+                <form action={logout}>
-                  'use server';
+                  <SidebarMenuButton tooltip="Logout" type="submit">
-                  console.log('logout not implemented');
-                }}>
-                  <SidebarMenuButton tooltip="Logout">
                     <LogOut />
                     <span>Logout</span>
                   </SidebarMenuButton>

src/lib/actions/auth.ts

@@ -0,0 +1,8 @@
+
+'use server';
+
+export async function logout() {
+  // In a real app with authentication, this would handle signing out the user.
+  // For now, it just logs to the console.
+  console.log('logout not implemented');
+}