feat: [#57] 로그인 버튼 클릭 시 화면 전환되는 로직 추가

FITple-Frontend/src/pages/MainPage/MainPage.jsx

@@ -2,16 +2,22 @@ import React from 'react';
 import { Container, Header, LogoContainer, Logo, MainText, Button, ImageWrapper } from './MainPage.style';
 import fitpleLogo from '../../../assets/Logo.svg';
 import mainPageImage from '../../../assets/mainpage.svg';
+import { useNavigate } from "react-router-dom";
+
+function MainPage() {
+    const navigate = useNavigate();
+    const handleLoginClick = () => {
+        navigate('/login');
+    };
 
-const MainPage = () => {
     return (
         <Container>
         <Header>
             <LogoContainer>
                 <Logo src={fitpleLogo} alt="Fitple Logo" />
                 <MainText>FITple</MainText>
             </LogoContainer>
-            <Button>로그인 / 회원가입</Button>
+            <Button onClick={handleLoginClick}>로그인 / 회원가입</Button>
         </Header>
         <ImageWrapper>
             <img src={mainPageImage} alt="Main Page" />