feat: add logout button

frontend/src/app/dashboard/page.tsx

@@ -12,7 +12,7 @@ import {
 } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { api, overseerApi, userApi } from "@/lib/api";
+import { api, authApi, overseerApi, userApi } from "@/lib/api";
 import { useSocket } from "@/lib/socket";
 import { useStore } from "@/lib/store";
 import { formatNumber } from "@/lib/utils";
@@ -30,7 +30,7 @@ interface WalletData {
 
 export default function DashboardPage() {
 	const router = useRouter();
-	const { isAuthenticated } = useStore();
+	const { isAuthenticated, logout } = useStore();
 	const [wallet, setWallet] = useState<WalletData | null>(null);
 	const [requestCosts, setRequestCosts] = useState({ movie: 500, tv: 1000 });
 	const [pendingRequests, setPendingRequests] = useState<any[]>([]);
@@ -77,10 +77,24 @@ export default function DashboardPage() {
 		}
 	};
 
+	const handleLogout = async () => {
+		try {
+			await authApi.logout();
+		} catch {}
+		logout();
+		router.push("/login");
+	};
+
 	if (isLoading) return <div className="p-8">Loading...</div>;
 
 	return (
 		<div className="p-8 space-y-6">
+			<div className="flex items-center justify-between">
+				<div />
+				<Button variant="outline" onClick={handleLogout}>
+					Logout
+				</Button>
+			</div>
 			<Card>
 				<CardHeader>
 					<CardTitle>Coop</CardTitle>