responsive base v1

src/app/layout.tsx

@@ -4,14 +4,17 @@ import "../../public/css/fontiran.css";
 import 'swiper/css';
 import QueryProvider from "@/config/QueryProvider";
 import ToastContainer from "@/components/Toast";
+import MobileBottomMenu from "@/components/MobileBottomMenu";
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
-
+import { viewport } from './viewport'
 
 export const metadata: Metadata = {
   title: "Create Next App",
   description: "Generated by create next app",
 };
 
+export { viewport };
+
 export default function RootLayout({
   children,
 }: Readonly<{
@@ -23,6 +26,7 @@ export default function RootLayout({
         <QueryProvider>
           {children}
           <ToastContainer />
+          <MobileBottomMenu />
           <ReactQueryDevtools initialIsOpen={false} />
         </QueryProvider>
       </body>