add: logout 만들기

add: logout 구현

src/components/header.tsx

@@ -5,6 +5,7 @@ import Link from "next/link";
 import React, { useEffect, useState } from "react";
 import pick from "@/assets/svg/PiCKLogo.svg";
 import { useRouter } from "next/navigation";
+import { cookie } from "@/util/auth";
 
 const Header: NextPage = ({}) => {
   const [teacherName, setTeacherName] = useState<string | null>(null);
@@ -21,12 +22,26 @@ const Header: NextPage = ({}) => {
     router.push(`/outList`);
   }
 
+  const logout = () => {
+    const temp = confirm("로그아웃 하시겠습니까?");
+    if (temp) {
+      cookie.remove("refresh_token");
+      cookie.remove("access_token");
+      router.push("login");
+    }
+  };
+
   return (
     <div className="flex justify-between items-center py-1 bg-primary-1200 px-6 pt-3">
       <Link href={"/main"}>
         <Image src={pick} alt="" width={48} />
       </Link>
-      <div className="flex text-nowrap text-sub-title4-M  text-neutral-50">
+      <div
+        className="flex text-nowrap text-sub-title4-M  text-neutral-50 cursor-pointer"
+        onClick={() => {
+          logout();
+        }}
+      >
         {teacherName ? `${teacherName}선생님` : "선생님"}
       </div>
     </div>