feat: 로그인 상태의 아이콘 이벤트 추가

Author: Soohyuniii

src/components/header/MainHeader.tsx

@@ -1,25 +1,37 @@
-import { Link } from "react-router-dom";
+import { Link, useNavigate } from "react-router-dom";
 import LoginButton from "../button/LoginButton";
 
-const MainHeader = ({isLoggedIn}: {isLoggedIn : boolean})=> {
+const MainHeader = ({ isLoggedIn }: { isLoggedIn: boolean }) => {
+  const navigate = useNavigate();
+
+  const handleNavigate = () => {
+    navigate("/my-info");
+  };
+
   return (
-    <header className="bg-white flex h-[56px] w-full justify-between items-center px-5">
+    <header className="flex h-[56px] w-full items-center justify-between bg-white px-5">
       <Link to="/" className="flex items-center">
-      <img
-        src="/public/icon/mbtipslogo.svg"
-        alt="Logo"
-        width={110}
-        height={31}
-      />
+        <img
+          src="/public/icon/mbtipslogo.svg"
+          alt="Logo"
+          width={110}
+          height={31}
+        />
       </Link>
-      {!isLoggedIn ? <LoginButton/> : <img
-        src="/public/icon/people.svg"
-        alt="Login Done"
-        className="mx-auto mr-[20px]"
-        width={24}
-        height={24}
-      />}
-    </header>)
-}
+      {!isLoggedIn ? (
+        <LoginButton />
+      ) : (
+        <img
+          src="/public/icon/people.svg"
+          alt="Login Done"
+          className="mx-auto mr-[20px] cursor-pointer"
+          width={24}
+          height={24}
+          onClick={handleNavigate}
+        />
+      )}
+    </header>
+  );
+};
 
-export default MainHeader;
+export default MainHeader;