fix: RootLayout maxPageWidth

Author: nhsz

src/layouts/RootLayout.tsx

@@ -1,17 +1,17 @@
-import { Box } from "@chakra-ui/react"
+import { Container } from "@chakra-ui/react"
 
 import Nav from "@/components/Nav"
 import Footer from "@/components/Footer"
 
+import { lightTheme as oldTheme } from "../theme"
+
 export const RootLayout = ({ children }) => (
-  <Box px={20}>
+  <Container mx="auto" maxW={oldTheme.variables.maxPageWidth}>
     {/* TODO: get proper path value after setting i18n */}
     <Nav path="" />
 
     {children}
 
-    <Box px={2}>
-      <Footer />
-    </Box>
-  </Box>
+    <Footer />
+  </Container>
 )