feat: 로그아웃 기능 추가

packages/common/components/src/ui/header/index.tsx

@@ -52,6 +52,18 @@ export function Header({ viewOnly }: { viewOnly?: boolean }) {
     queryFn: () => getUserPopupList(),
   });
 
+  const logout = async () => {
+    try {
+      const response = await fetch("/api/auth/logout", {
+        method: "POST",
+      });
+      if (!response.ok) throw new Error("Failed to logout");
+      window.location.href = "/auth/login";
+    } catch (error) {
+      console.error(error);
+    }
+  };
+
   const openPopup = useCallback(async (popup: Popup) => {
     try {
       const cookieName = `cs-popup-hide-for-day-${popup.popupSn}`;
@@ -139,7 +151,7 @@ export function Header({ viewOnly }: { viewOnly?: boolean }) {
             <p className="text-base text-label">접속 IP</p>
             <p></p>
           </div>
-          <DropdownMenuItem>로그아웃</DropdownMenuItem>
+          <DropdownMenuItem onClick={logout}>로그아웃</DropdownMenuItem>
         </DropdownMenuContent>
       </DropdownMenu>
     </header>