fix: 배너 클릭시, 로그인 여부 확인 로직 추가

src/pages/main/components/performance/Performance.tsx

@@ -2,6 +2,7 @@ import { useNavigate } from "react-router-dom";
 import * as S from "./Performance.styled";
 
 import Spacing from "@components/commons/spacing/Spacing";
+import { useLogin, useModal } from "@hooks";
 import BannerImg from "../../../../assets/images/banner_basic.png";
 import PerformnaceCard from "./PerformnaceCard";
 
@@ -21,9 +22,18 @@ interface PerformanceComponentProps {
 
 const Performance = ({ genre, performanceList = [] }: PerformanceComponentProps) => {
   const navigate = useNavigate();
+  const { isLogin } = useLogin();
+  const { openAlert } = useModal();
 
   const handleNavigate = () => {
-    navigate("/gig-register");
+    if (isLogin) {
+      navigate("/gig-register");
+    } else {
+      openAlert({
+        title: "로그인이 필요한 서비스입니다.",
+        okText: "확인",
+      });
+    }
   };
 
   const filteredData =