UI 디자인 대대적으로 대시보드 형태의 전문적인 느낌으로 재구성

src/App.jsx

@@ -8,11 +8,13 @@ function App() {
     return (
         <div className="app-shell">
             <Navbar />
-            <main className="site-main">
-                <React.Suspense fallback={<div className="suspend-loading"><Loading /></div>}>
-                    <Outlet />
-                </React.Suspense>
-            </main>
+            <div className="app-content">
+                <main className="site-main">
+                    <React.Suspense fallback={<div className="suspend-loading"><Loading /></div>}>
+                        <Outlet />
+                    </React.Suspense>
+                </main>
+            </div>
         </div>
     );
 }