fix: 퀴즈 컴포넌트 overflow 수정

frontend/src/components/ChatRoom/ChatRoom.module.css

@@ -12,6 +12,7 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
+  position: relative;
   padding: 16px;
 
   & > .quizButton {

frontend/src/components/LiveRoom/LiveRoom.jsx

@@ -116,7 +116,7 @@ export default function LiveRoom() {
           <span>{participants.length}명</span>
         </div>
       </header>
-      <div className="lk-video-conference">
+      <div className={`lk-video-conference ${styles.videoRoom}`}>
         <LayoutContextProvider value={layoutContext}>
           <div className="lk-video-conference-inner">
             {!focusTrack ? (

frontend/src/components/LiveRoom/LiveRoom.module.css

@@ -30,3 +30,7 @@
   line-height: 1.4;
   font-weight: 500;
 }
+
+.videoRoom {
+  height: calc(100% - 48px) !important;
+}

frontend/src/components/Quiz/Quiz.module.css

@@ -16,7 +16,10 @@
   width: 100%;
   height: 100%;
   padding: 0 16px;
+  white-space: pre-line;
+  word-break: break-word;
   box-sizing: border-box;
+  overflow-y: auto;
 }
 
 .header {

frontend/src/components/QuizModal/QuizModal.jsx

@@ -29,7 +29,6 @@ export default function QuizModal({ startQuiz, quizSets, closeModal }) {
             <li
               key={quizSet.quizSetId}
               onClick={() => {
-                console.log(quizSet.quizSetId);
                 startQuiz(quizSet.quizSetId);
                 closeModal();
               }}

frontend/src/components/QuizModal/QuizModal.module.css

@@ -91,4 +91,5 @@
   font-weight: 500;
   cursor: pointer;
   transition: background-color 0.25s;
+  word-break: break-word;
 }