feat: 참여하지 않는 동아리 접근 차단 로직 추가

- 클럽 상세 정보 조회 후, 해당 동아리 이름이 목록에 포함되어 있으면 alert를 띄우고 메인 페이지로 리다이렉트

Author: seongwon030

frontend/src/pages/ClubDetailPage/ClubDetailPage.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { useParams } from 'react-router-dom';
+import { useNavigate, useParams } from 'react-router-dom';
 import * as Styled from '@/styles/PageContainer.styles';
 import Header from '@/components/common/Header/Header';
 import BackNavigationBar from '@/pages/ClubDetailPage/components/BackNavigationBar/BackNavigationBar';
@@ -61,8 +61,24 @@ const ClubDetailPage = () => {
   const { sectionRefs, scrollToSection } = useAutoScroll();
   const [showHeader, setShowHeader] = useState(window.innerWidth > 500);
 
+  const navigate = useNavigate();
+  const [blockState, setBlockState] = useState<
+    'checking' | 'blocked' | 'allowed'
+  >('checking');
   const { data: clubDetail, error } = useGetClubDetail(clubId || '');
 
+  useEffect(() => {
+    if (!clubDetail) return;
+
+    if (notJoinedClubNames.includes(clubDetail?.name || '')) {
+      setBlockState('blocked');
+      alert('참여하지 않는 동아리입니다.');
+      navigate('/', { replace: true });
+    } else {
+      setBlockState('allowed');
+    }
+  }, [clubDetail, navigate]);
+
   useEffect(() => {
     const handleResize = () => {
       setShowHeader(window.innerWidth > 500);
@@ -74,7 +90,7 @@ const ClubDetailPage = () => {
 
   useTrackPageView(`ClubDetailPage`, clubDetail?.name);
 
-  if (!clubDetail) {
+  if (!clubDetail || blockState !== 'allowed') {
     return null;
   }