feat(web): add signout

Author: chenxin-yan

apps/web/src/app/dashboard/components/sidebar/nav-user.tsx

@@ -1,7 +1,7 @@
 "use client";
 
+import { useClerk } from "@clerk/nextjs";
 import { LogOutIcon, MoreVerticalIcon, UserCircleIcon } from "lucide-react";
-
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import {
   DropdownMenu,
@@ -30,6 +30,7 @@ export function NavUser({
   };
 }) {
   const { isMobile } = useSidebar();
+  const { signOut } = useClerk();
 
   return (
     <SidebarMenu>
@@ -85,7 +86,7 @@ export function NavUser({
               </DropdownMenuItem>
             </DropdownMenuGroup>
             <DropdownMenuSeparator />
-            <DropdownMenuItem>
+            <DropdownMenuItem onClick={() => signOut({ redirectUrl: "/" })}>
               <LogOutIcon />
               Log out
             </DropdownMenuItem>