feat: 공통 레이아웃 적용을 위해 라우팅 구조 변경 #47

- 기존: DM 페이지와 커뮤니티 페이지는 별개의 페이지로 Gnb를 공유하지 않았음
- 변경 후: DM 페이지와 커뮤니티 페이지를 `/` 경로 아래에 두어 Gnb를 공유하게 됨

client/src/App.tsx

@@ -13,19 +13,20 @@ import { Route, Routes } from 'react-router-dom';
 
 const App = () => (
   <Routes>
-    <Route path="/" element={<Home />} />
+    <Route path="/" element={<Home />}>
+      <Route path="dms" element={<DM />}>
+        <Route path="followings" element={<Followings />} />
+        <Route path="followers" element={<Followers />} />
+        <Route path="user-search" element={<UserSearch />} />
+        <Route path=":roomId" element={<DMRoom />} />
+      </Route>
+      <Route
+        path="communities/:communityId/channels/:roomId"
+        element={<Community />}
+      />
+    </Route>
     <Route path="/sign-in" element={<SignIn />} />
     <Route path="/sign-up" element={<SignUp />} />
-    <Route path="/dms" element={<DM />}>
-      <Route path="followings" element={<Followings />} />
-      <Route path="followers" element={<Followers />} />
-      <Route path="user-search" element={<UserSearch />} />
-      <Route path=":roomId" element={<DMRoom />} />
-    </Route>
-    <Route
-      path="/communities/:communityId/channels/:roomId"
-      element={<Community />}
-    />
     <Route path="*" element={<NotFound />} />
   </Routes>
 );

client/src/pages/DM/index.tsx

@@ -1,7 +1,12 @@
 import React from 'react';
+import { Outlet } from 'react-router-dom';
 
 const DM = () => {
-  return <div>DM</div>;
+  return (
+    <>
+      <Outlet />
+    </>
+  );
 };
 
 export default DM;

client/src/pages/Home/index.tsx

@@ -1,7 +1,12 @@
 import React from 'react';
+import { Outlet } from 'react-router-dom';
 
 const Home = () => {
-  return <div></div>;
+  return (
+    <>
+      <Outlet />
+    </>
+  );
 };
 
 export default Home;