feat(페이지 navigation):

- MainPage에서 '시작하기' 버튼 누르면 DrinkPage로 이동 (Navigation)
- Common folder의 Button 컴포넌트에 onClick 속성 추가

src/common/components/Button.tsx

@@ -3,15 +3,18 @@ import { ReactNode } from "react";
 const Button = ({
     children,
     isEnable = true,
+    onClick,
 }: {
     children: ReactNode;
     isEnable?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
 }) => {
     return (
         <button
             className={`btn btn-primary btn-wide text-xl ${
                 isEnable ? "btn-active" : "btn-disabled"
             }`}
+            onClick={onClick}
         >
             {children}
         </button>

src/main/MainPage.tsx

@@ -1,3 +1,4 @@
+import { useNavigate } from "react-router-dom";
 import Button from "../common/components/Button";
 import LoadingBar from "../common/components/LoadingBar";
 import NumOfDrinkers from "./components/NumOfDrinkers";
@@ -8,6 +9,7 @@ import useMainViewModel from "./hooks/useMainViewModel";
 const MainPage = () => {
     const { numOfDrinkers, totalAmountDrink, data, isFetching } =
         useMainViewModel();
+    const navigate = useNavigate();
 
     return (
         <div className="m-10 flex flex-col">
@@ -24,7 +26,13 @@ const MainPage = () => {
             <RegisteredUsers drinkers={data} />
             {isFetching && <LoadingBar />}
             <div className="flex justify-center py-5">
-                <Button>시작하기</Button>
+                <Button
+                    onClick={(_) => {
+                        navigate("/drink");
+                    }}
+                >
+                    시작하기
+                </Button>
             </div>
         </div>
     );