feat: MemeQuizPage 스타일 수정

- MemeQuizStart 및 MemeQuizResult 컴포넌트의 높이를 100vh로 변경하여 전체 화면을 차지하도록 수정함
- MemeQuizStart의 텍스트 섹션 마진을 rem 단위로 변경하여 일관성을 높임

Author: Cllaude99

apps/web/src/pages/MemeQuizPage/components/MemeQuizResult/MemeQuizResult.styles.ts

@@ -4,7 +4,7 @@ import { motion } from 'motion/react';
 const Container = styled(motion.div)`
   position: relative;
   width: 100%;
-  height: 100%;
+  height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -16,7 +16,7 @@ const ResultCard = styled(motion.div)`
   width: calc(100% - 40px);
   max-width: ${({ theme }) => theme.breakpoints.mobile};
   height: 481px;
-  margin-top: 70px;
+  margin-top: 4.375rem;
   border-radius: 14px;
   background: linear-gradient(
     135deg,

apps/web/src/pages/MemeQuizPage/components/MemeQuizStart/MemeQuizStart.styles.ts

@@ -4,7 +4,7 @@ import { motion } from 'motion/react';
 const Container = styled(motion.div)`
   position: relative;
   width: 100%;
-  height: 100%;
+  height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -16,7 +16,7 @@ const Container = styled(motion.div)`
 `;
 
 const TextSection = styled(motion.div)`
-  margin-top: 158px;
+  margin-top: 9.875rem;
   text-align: center;
   width: 100%;
   padding: 0 24px;