Merge branch 'fe/fixLoadingIndicator' into 'frontend'

[Front-End] Fe/fix loading indicator

See merge request s11-webmobile1-sub2/S11P12A701!14

frontend/src/components/Layout/LectureLayout.jsx

@@ -82,7 +82,7 @@ export default function LectureLayout() {
           )}
         </aside>
         <main>
-          <Suspense fallback={<LoadingIndicator full />}>
+          <Suspense fallback={<LoadingIndicator fill />}>
             <Outlet />
           </Suspense>
         </main>

frontend/src/components/Layout/LiveLayout.jsx

@@ -9,7 +9,7 @@ export default function LiveLayout() {
     <>
       <LiveHeader />
       <div className={styles.wrapper}>
-        <Suspense fallback={<LoadingIndicator full />}>
+        <Suspense fallback={<LoadingIndicator fill />}>
           <Outlet />
         </Suspense>
       </div>

frontend/src/components/Layout/MyPageLayout.jsx

@@ -22,8 +22,7 @@ export default function MyPageLayout() {
           </SideBar>
         </aside>
         <main>
-          {/* TODO: 로딩 컴포넌트 추가 */}
-          <Suspense fallback={<LoadingIndicator full />}>
+          <Suspense fallback={<LoadingIndicator fill />}>
             <Outlet />
           </Suspense>
         </main>

frontend/src/components/LoadingIndicator.jsx/LoadingIndicator.jsx

@@ -6,6 +6,6 @@ export default function LoadingIndicator({ fill = false }) {
       <div className={styles.indicator} />
     </div>
   ) : (
-    <div />
+    <div className={styles.indicator} />
   );
 }