Fix auth

src/app/(admin)/layout.tsx

@@ -2,7 +2,7 @@ import Footer from "@/components/global/Footer";
 import Header from "@/components/global/Header";
 import { Toaster } from "@/components/ui/sonner";
 
-export default function NormalLayout({
+export default function AdminLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;

src/app/(auth)/layout.tsx

@@ -1,5 +1,5 @@
 
-export default function NormalLayout({
+export default function AuthLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;

src/components/auth/LogoutButton.tsx

@@ -1,19 +1,28 @@
 "use client";
 
 import { Button } from "@/components/ui/button";
+import { authClient } from "@/lib/auth-client";
 import { useRouter } from "next/navigation";
 
-export function LogoutButton() {
+export default function LogoutButton() {
   const router = useRouter();
 
-  async function logout() {
-    await fetch("/api/auth/sign-out", { method: "POST" });
-    router.replace("/login");
-    router.refresh();
-  }
-
   return (
-    <Button variant="secondary" onClick={logout}>
+    <Button
+      variant="secondary"
+      onClick={async () => {
+        await authClient.signOut({
+          fetchOptions: {
+            // Ensures cookies are sent and cleared
+            credentials: "include",
+            onSuccess: () => {
+              router.replace("/login");
+              router.refresh();
+            },
+          },
+        });
+      }}
+    >
       Sign out
     </Button>
   );

src/components/global/Header.tsx

@@ -1,4 +1,5 @@
-import { LogoutButton } from "../auth/LogoutButton";
+
+import LogoutButton from "../auth/LogoutButton";
 import ModeToggle from "./ModeToggle";
 import TopNav from "./TopNav";
 

src/lib/auth-client.ts

@@ -0,0 +1,3 @@
+import { createAuthClient } from "better-auth/client";
+
+export const authClient = createAuthClient();