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 () => {
-                  'use server';
-                  console.log('logout not implemented');
-                }}>
-                  <SidebarMenuButton tooltip="Logout">
+                <form action={logout}>
+                  <SidebarMenuButton tooltip="Logout" type="submit">
                     <LogOut />
                     <span>Logout</span>
                   </SidebarMenuButton>