feat: add logout logics

src/apis/logout.ts

@@ -0,0 +1,7 @@
+import { http } from './http';
+
+export const getLogout = async () => {
+  return await http.get({
+    url: '/users/logout',
+  });
+};

src/app/(sidebar)/login/page.tsx

@@ -1,10 +1,11 @@
 'use client';
 
 import { postLogin } from '@/apis/login';
+import { getLogout } from '@/apis/logout';
 import { SSRSafeSuspense } from '@/lib';
 import { Button } from '@/system/components';
 import { useMutation } from '@tanstack/react-query';
-import { setCookie } from 'cookies-next';
+import { deleteCookie, setCookie } from 'cookies-next';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { InputField } from '../my-recruit/components/NewRecruitDialogContent/InputField';
@@ -25,9 +26,9 @@ export default function Page() {
     mutationFn: postLogin,
     onSuccess: (data) => {
       localStorage.setItem('accessToken', data.accessToken);
-      setCookie('refreshToken', data.refreshToken, { httpOnly: true, secure: true });
-      alert('로그인 성공');
+      setCookie('refreshToken', data.refreshToken, { secure: true });
       router.replace('/');
+      alert('로그인 성공');
     },
     onError: () => {
       alert('로그인 실패');
@@ -39,6 +40,15 @@ export default function Page() {
     loginMutation.mutate({ loginId, password });
   };
 
+  const logoutMutation = useMutation({
+    mutationFn: getLogout,
+    onSuccess: () => {
+      localStorage.removeItem('accessToken');
+      deleteCookie('refreshToken');
+      router.push('/');
+    },
+  });
+
     return (
     <SSRSafeSuspense
       fallback={