[Design] 메인페이지 레이아웃 조정

- 일부 컴포넌트 전환 시 메인페이지 화면에 스크롤바 생성되어 전체 레이아웃이 변동되는 문제 발생
- 이를 해결하기 위해 메인페이지 컴포넌트에 CSS 속성 추가

Issues #103

client/src/page/MainPage.tsx

@@ -33,7 +33,6 @@ const MainPage = () => {
   const [isWelcomeModalOpen, setWelcomeModalOpen] = useState(false);
   const [isProfileModalOpen, setProfileModalOpen] = useState(false); //프로필 모달 보이기/숨기기
 
-
   const openOAuthModal = useCallback(() => {
     setOAuthModalOpen(true);
   }, []);
@@ -103,9 +102,9 @@ const MainPage = () => {
     if (authToken !== null) {
       dispatch(setLoginState());
     }
-  },);
+  });
 
-      // 🔴 로그아웃 시 로컬스토리지에 있는 Auth 토큰 제거
+  // 🔴 로그아웃 시 로컬스토리지에 있는 Auth 토큰 제거
   const handleLogout = () => {
     dispatch(setLogoutState());
     localStorage.removeItem("authToken");
@@ -124,7 +123,6 @@ const MainPage = () => {
     dispatch(setLoginState());
   };
 
-
   const handleLoginConfirmationClose = () => {
     setLoginConfirmationModalOpen(false);
   };
@@ -135,8 +133,6 @@ const MainPage = () => {
     setSelectedMenu(menu);
   };
 
-
-
   return (
     <Container>
       {isLogin === 1 ? <LoginHeader onLogoutClick={handleLogout} onProfileClick={openProfileModal} /> : <LogoutHeader onLoginClick={openOAuthModal} />}
@@ -184,9 +180,13 @@ export default MainPage;
 const Container = styled.div`
   width: 100vw;
   height: 100vh;
-
   display: flex;
   flex-direction: column;
+  overflow: scroll;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
 `;
 
 const Main = styled.main`