refactor: move page padding to theme

Author: with-heart

frontend/src/pages/index.tsx

@@ -28,8 +28,6 @@ export default function IndexPage() {
       <Stack
         as="main"
         minH="100vh"
-        py={10}
-        px={{ base: 6, md: 4 }}
         spacing={{ base: 6, md: 8 }}
         divider={
           <StackDivider

frontend/src/theme.ts

@@ -27,7 +27,9 @@ export const theme = extendTheme({
       body: {
         bg: 'black',
         color: 'white',
-        fontSize: 'md',
+        fontSize: { base: 'sm', md: 'md' },
+        py: 10,
+        px: { base: 2, sm: 4, md: 8 },
       },
     },
   },