feat: 화면 가운데 배치 작업

Author: Soohyuniii

src/App.tsx

@@ -7,20 +7,23 @@ import ChatTips from "@/pages/ChatTips";
 import ChatTemporature from "@/pages/ChatTemporature";
 import Content from "@/pages/Content";
 import Login from "@/pages/Login";
+import CenteredLayout from "./components/CenteredLayout";
 
 const App = () => {
   return (
     <Router>
-      <Routes>
-        <Route path="/" element={<Home />} />
-        <Route path="/select-info" element={<SelectInfo />} />
-        <Route path="/chat" element={<Chat />} />
-        <Route path="/chat-recommend" element={<ChatRecommend />} />
-        <Route path="/chat-tips" element={<ChatTips />} />
-        <Route path="/chat-temporature" element={<ChatTemporature />} />
-        <Route path="/content/:id" element={<Content />} />
-        <Route path="/login" element={<Login />} />
-      </Routes>
+      <CenteredLayout>
+        <Routes>
+          <Route path="/" element={<Home />} />
+          <Route path="/select-info" element={<SelectInfo />} />
+          <Route path="/chat" element={<Chat />} />
+          <Route path="/chat-recommend" element={<ChatRecommend />} />
+          <Route path="/chat-tips" element={<ChatTips />} />
+          <Route path="/chat-temporature" element={<ChatTemporature />} />
+          <Route path="/content/:id" element={<Content />} />
+          <Route path="/login" element={<Login />} />
+        </Routes>
+      </CenteredLayout>
     </Router>
   );
 };

src/components/CenteredLayout.tsx

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+
+interface CenteredLayoutProps {
+  children: ReactNode;
+}
+
+const CenteredLayout = ({ children }: CenteredLayoutProps) => (
+  <div className="flex justify-center w-screen">
+    <div className="w-full flex justify-center">
+      {children}
+    </div>
+  </div>
+);
+
+export default CenteredLayout;