refactor: 제출 확인 페이지 overflow y scroll

web/src/App.tsx

@@ -15,6 +15,7 @@ import { NextUIProvider } from '@nextui-org/system';
 import ExamProgressLayout from '@/pages/exams/progress/layout/ExamProgressLayout';
 import ExamIntroPage from '@/pages/exams/ExamIntroPage';
 import ExamSubmissionsViewPage from './pages/exams/submissions/ExamSubmissionsViewPage';
+import BaseNoFooterLayout from './components/layouts/base/BaseNoFooterLayout';
 
 const App = () => {
   const navigate = useNavigate();
@@ -29,9 +30,11 @@ const App = () => {
           <Route path="about" element={<AboutPage />} />
           <Route path="dashboard" element={<DashBoardPage />} />
           <Route path="exams/:examId/intro" element={<ExamIntroPage />} />
-          <Route path="exams/:examId/submissions" element={<ExamSubmissionsViewPage />} />
           <Route path="*" element={<NotFoundPage />} />
         </Route>
+        <Route element={<BaseNoFooterLayout />}>
+          <Route path="exams/:examId/submissions" element={<ExamSubmissionsViewPage />} />
+        </Route>
         <Route path="exams/:examId/progress" element={<ExamProgressLayout />}>
           <Route index element={<ExamProgressPage />} />
         </Route>

web/src/components/analytics/SubmissionDetailContent.tsx

@@ -25,9 +25,11 @@ const SubmissionDetailsContent = ({
           <div className="text-gray-500 text-sm">{fromNowDate(data.submittedAt)}</div>
         </div>
       </div>
-      {data.answers.map((answer, index) => (
-        <SubmissionAnswers key={answer.id} answer={answer} index={index} />
-      ))}
+      <div className="w-full h-full overflow-y-auto flex flex-col gap-4">
+        {data.answers.map((answer, index) => (
+          <SubmissionAnswers key={answer.id} answer={answer} index={index} />
+        ))}
+      </div>
       <div className="mt-4" />
     </>
   );

web/src/components/layouts/base/BaseNoFooterLayout.tsx

@@ -0,0 +1,17 @@
+import Header from '@/components/layouts/base/Header.tsx';
+import { Outlet } from 'react-router';
+
+const BaseNoFooterLayout = () => {
+  return (
+    <div className="relative flex flex-col h-screen">
+      <Header />
+      <div className="h-full w-full overflow-y-auto pb-14 pt-6 bg-gray-100">
+        <main className="h-full w-full overflow-y-auto bg-white">
+          <Outlet />
+        </main>
+      </div>
+    </div>
+  );
+};
+
+export default BaseNoFooterLayout;

web/src/components/submissions/ExamSubmissionsViewContent.tsx

@@ -56,7 +56,7 @@ const ExamSubmissionsViewContent = ({
           ))}
         </div>
       </div>
-      <div className="flex grow flex-col h-full p-6 overflow-y-auto items-center">
+      <div className="flex grow flex-col h-full pt-6 items-center overflow-y-auto">
         {current.currentSubmissionId && (
           <div className="w-full max-w-[750px] h-full flex items-center flex-col gap-4">
             <AsyncBoundary>