[FEATURE] 로그인 관련 수정

src/app/(main)/project/[id]/_components/ProjectInfo.tsx

@@ -30,7 +30,8 @@ const ProjectInfo = ({ id }: { id: string }) => {
         <div className="prose desktop:bg-none bg-gray-0 desktop:p-10 max-w-none rounded-2xl border border-gray-300 px-5 py-6 text-gray-700">
           <div dangerouslySetInnerHTML={{ __html: sanitizedContent }} />
         </div>
-        <ProjectImage {...data} />
+        {/* TODO: 프로젝트 이미지 부분 복구 */}
+        {/* <ProjectImage {...data} /> */}
         <Profile1 profileId={data.writerProfileId} />
       </div>
     </div>

src/app/(main)/teampsylog/_components/BottomComment.tsx

@@ -27,16 +27,17 @@ const BottomComment = ({ isOpen, onClose, children }: BottomSheetProps) => {
   return (
     <>
       <div
-        className={`desktop:hidden fixed inset-0 z-40 bg-black/70 ${shouldShow ? 'block' : 'hidden'}`}
+        className="desktop:hidden fixed inset-0 z-40 block bg-black/70"
         onClick={handleClose}
         style={{
           opacity: isDragging ? Math.max(0, 1 - dragCurrentY / 300) : isOpen && !isClosing ? 1 : 0,
           transition: isDragging ? 'none' : 'opacity 0.3s',
+          pointerEvents: shouldShow ? 'auto' : 'none',
         }}
       />
       {/* 바텀 시트 */}
       <div
-        className={`desktop:hidden fixed inset-x-0 bottom-0 z-50 rounded-t-2xl bg-gray-200 ${shouldShow ? 'flex' : 'hidden'}`}
+        className="desktop:hidden fixed inset-x-0 bottom-0 z-50 flex rounded-t-2xl bg-gray-200"
         style={{
           height: '70vh',
           maxHeight: '70vh',

src/components/common/Header.tsx

@@ -9,6 +9,7 @@ import clsx from 'clsx';
 import { useToast } from '@/contexts/ToastContext';
 import { isLoggedIn as checkIsLoggedIn } from '@/utils/auth';
 import Footer from './Footer';
+import { logout } from '@/libs/api/auth';
 
 const Header = () => {
   const { userName, _hasHydrated } = useUserStore();
@@ -42,10 +43,22 @@ const Header = () => {
     setIsProfileDropdownOpen((prev) => !prev);
   };
 
-  const handleLogout = () => {
-    useUserStore.getState().clearUser();
-    setIsProfileDropdownOpen(false);
-    addToast({ message: '로그아웃 완료되었습니다.' });
+  const PROTECTED_PATH = [/^\/mypage/, /^\/project\/[^/]+(\/|$)/];
+
+  const handleLogout = async () => {
+    try {
+      await logout();
+    } catch (e) {
+      console.error('logout api failed', e);
+    } finally {
+      useUserStore.getState().clearUser();
+      setIsProfileDropdownOpen(false);
+      setIsMenuOpen(false);
+      addToast({ message: '로그아웃 완료되었습니다.' });
+
+      const isProtected = PROTECTED_PATH.some((pattern) => pattern.test(pathname));
+      if (isProtected) router.push('/');
+    }
   };
 
   return (

src/components/login/LoginSocialList.tsx

@@ -72,7 +72,7 @@ export default function LoginSocialList() {
   }, []);
 
   // 고정된 순서: 네이버, 카카오, 구글
-  const fixedOrder: SocialType[] = ['naver', 'kakao', 'google'];
+  const fixedOrder: SocialType[] = ['kakao', 'google'];
 
   return (
     <div className="tablet:gap-4 mt-6 flex w-full flex-col items-center gap-2">

src/components/recruit/editor/TextContent.tsx

@@ -90,7 +90,8 @@ const TextContent = ({ control, name = 'content', initialImages }: Props) => {
         <p className={`body-8 self-end ${textLength < 50 ? 'text-red-100' : 'text-gray-600'}`}>
           {textLength}
         </p>
-        <PostImage initialImages={initialImages} />
+        {/* TODO: 이미지 업로드 버튼 복구 */}
+        {/* <PostImage initialImages={initialImages} /> */}
       </div>
       <TableBubbleMenu editor={editor} />
       <TableHandles editor={editor} />

src/libs/api/auth.ts

@@ -0,0 +1,11 @@
+import { CommonResponse } from '@/types/common';
+import api from './api';
+
+export async function logout() {
+  const { data } = await api.post<CommonResponse<string>>('auth/logout');
+
+  if (!data.isSuccess) {
+    throw new Error(data.message || 'Failed to logout');
+  }
+  return data.result;
+}