Router conflict 해결 (#72)

* fix: router에 createPage import 추가

* fix: create 페이지 이동 추가

Author: 1g2g

src/pages/MainPage/MainPage.tsx

@@ -1,13 +1,18 @@
+import { useNavigate } from 'react-router-dom';
+
 import { Button } from '@components/shared/Button';
 import { Header } from '@components/shared/Header';
 import { MatchItem } from '@components/shared/MatchItem';
 import { Text } from '@components/shared/Text';
 
 import { theme } from '@styles/theme';
 
+import { PATH_NAME } from '@consts/pathName';
+
 import { MainPageContainer, MainPageSubContainer } from './MainPage.style';
 
 export const MainPage = () => {
+  const navigate = useNavigate();
   return (
     <MainPageContainer>
       <Header isLogo={true} />
@@ -35,7 +40,10 @@ export const MainPage = () => {
             />
           )
         )}
-        <Button {...MAIN_PAGE_BUTTON_PROP}></Button>
+        <Button
+          {...MAIN_PAGE_BUTTON_PROP}
+          handleClick={() => navigate(PATH_NAME.GAMES_NEAR)}
+        ></Button>
       </MainPageSubContainer>
       <MainPageSubContainer>
         <Text children={'추천 크루'} weight={700} size={'1.25rem'} />
@@ -61,7 +69,10 @@ export const MainPage = () => {
             />
           )
         )}
-        <Button {...MAIN_PAGE_BUTTON_PROP}></Button>
+        <Button
+          {...MAIN_PAGE_BUTTON_PROP}
+          handleClick={() => console.log('hi')}
+        ></Button>
       </MainPageSubContainer>
     </MainPageContainer>
   );
@@ -116,5 +127,4 @@ const MAIN_PAGE_BUTTON_PROP = {
   textColor: `${theme.PALETTE.RED_400}`,
   borderColor: `${theme.PALETTE.RED_400}`,
   backgroundColor: 'white',
-  handleClick: () => console.log('hi'),
 };

src/routes/router.tsx

@@ -2,12 +2,13 @@ import { Suspense } from 'react';
 import { createBrowserRouter } from 'react-router-dom';
 
 import { CreateGamePage } from '@pages/CreateGamePage';
+import { CreatePage } from '@pages/CreatePage';
 import { GamesDetailPage } from '@pages/GamesDetailPage';
 import { GamesNearPage } from '@pages/GamesNearPage';
 import { Layout } from '@pages/Layout';
-import { ManagePage } from '@pages/ManagePage';
 import { LoginPage } from '@pages/LoginPage';
 import { MainPage } from '@pages/MainPage';
+import { ManagePage } from '@pages/ManagePage';
 import { RegisterPage } from '@pages/RegisterPage';
 
 export const router = createBrowserRouter([