website refactor

apps/website/components/onboarding/OnboardingContainer.tsx

@@ -1,11 +1,16 @@
+import { Container } from '@/ui/Container';
+import { Box } from '@/ui/Box';
+
 interface OnboardingContainerProps {
   children: React.ReactNode;
 }
 
 export function OnboardingContainer({ children }: OnboardingContainerProps) {
   return (
-    <div className="max-w-3xl mx-auto px-4 py-10">
-      {children}
-    </div>
+    <Container size="md">
+      <Box paddingY={10}>
+        {children}
+      </Box>
+    </Container>
   );
 }