✨ 새 코스 만들 때 모달 띄우도록 로직 수정

src/pages/main/MainPage.tsx

@@ -1,28 +1,23 @@
 import { useState } from 'react';
 
-import { useNavigate } from 'react-router-dom';
-
 import AddIcon from '@/assets/icons/add.svg?react';
 import AsyncBoundary from '@/components/async-boundary';
 import GlobalNavigationBar from '@/components/global-navigation-bar';
 import SidePanel from '@/components/side-panel';
 import CourseFilteringTab from '@/features/course/course-filtering-tab/CourseFilteringTab';
 import CoursesContainer from '@/features/course/courses-container';
+import MakeNewCourseModal from '@/features/course/make-new-course-modal';
+import { useModal } from '@/hooks/useModal';
 import { useTmap } from '@/hooks/useTmap';
-import { usePostSaveCourse } from '@/query-hooks/course/mutation';
 import { useGetUserInformation } from '@/query-hooks/user/query';
 import { CourseTabType } from '@/types';
 
 import * as S from './MainPage.css';
 
 const MainPage = () => {
     const { mapContainerRef } = useTmap();
-    const navigate = useNavigate();
-
+    const { openModal } = useModal();
     const { data: userInformation } = useGetUserInformation({});
-    const { mutateAsync: makeNewCourse } = usePostSaveCourse({
-        userId: userInformation.userId,
-    });
 
     const [selectedCourseTab, setSelectedCourseTab] =
         useState<CourseTabType>('allCourse');
@@ -32,8 +27,7 @@ const MainPage = () => {
     };
 
     const handleMakeNewCourse = async () => {
-        const response = await makeNewCourse('새로운 코스');
-        navigate(`/course/${response.data.courseId}`);
+        openModal(<MakeNewCourseModal userId={userInformation.userId} />);
     };
 
     return (