♻️ 아울렛을 포함한 레이아웃 컴포넌트를 Layout.tsx 파일에 모음 (#249)

src/router/RootLayout.tsx → src/router/Layout.tsx

@@ -1,12 +1,16 @@
 import React from 'react';
 import { Outlet } from 'react-router-dom';
-import Bottomsheet from '@src/components/common/Bottomsheet';
-import Dialog from '@src/components/common/Dialog';
-import CommunitySideBar from '@src/components/communitysidebar/CommunitySideBar';
+import QueryClientBoundary from '@src/components/queryClient/QueryClientBoundary';
 import RootErrorBoundary from '@src/components/errorBoundary/RootErrorBoundary';
 import ErrorCatcher from '@src/components/errorBoundary/ErrorCatcher';
-import QueryClientBoundary from '@src/components/queryClient/QueryClientBoundary';
 import LoadingPage from '@src/pages/fallback/LoadingPage';
+import Bottomsheet from '@src/components/common/Bottomsheet';
+import Dialog from '@src/components/common/Dialog';
+import CommunitySideBar from '@src/components/communitysidebar/CommunitySideBar';
+import {
+  NoDataTextLayout as NoDataTextLayoutStyle,
+  BottomButtonLayout as BottomButtonLayoutStyle,
+} from '@src/styles/Layout';
 
 export const RootLayout = () => (
   <QueryClientBoundary>
@@ -22,3 +26,15 @@ export const RootLayout = () => (
     </RootErrorBoundary>
   </QueryClientBoundary>
 );
+
+export const NoDataTextLayout = () => (
+  <NoDataTextLayoutStyle>
+    <Outlet />
+  </NoDataTextLayoutStyle>
+);
+
+export const BottomButtonLayout = () => (
+  <BottomButtonLayoutStyle>
+    <Outlet />
+  </BottomButtonLayoutStyle>
+);