feat(layout): add full-height flex layout and FullWidth component

panda.config.ts

@@ -20,6 +20,9 @@ export default defineConfig({
 
   globalCss: {
     body: {
+      display: 'flex',
+      flexDirection: 'column',
+      minHeight: '100vh',
       backgroundColor: 'neutral.1',
       color: 'neutral.12',
       fontFamily: "'Roboto Variable', sans-serif",

src/components/layout/FullWidth.tsx

@@ -0,0 +1,13 @@
+import { css, cx } from '@styled-system/css'
+import type { FC, ReactNode } from 'react'
+
+export interface FullWidthProps {
+  className?: string
+  children?: ReactNode
+}
+
+const FullWidth: FC<FullWidthProps> = ({ className, children }) => {
+  return <main className={cx(css({ flexGrow: 1 }), className)}>{children}</main>
+}
+
+export default FullWidth