website refactor

apps/website/components/leagues/CreateLeagueWizardLayout.tsx

@@ -1,7 +1,9 @@
 'use client';
 
 import { ReactNode } from 'react';
-import { SharedBox, SharedStack, SharedContainer } from '@/components/shared/UIComponents';
+import { Box } from '@/ui/Box';
+import { Stack } from '@/ui/Stack';
+import { Container } from '@/ui/Container';
 
 interface CreateLeagueWizardLayoutProps {
   children: ReactNode;
@@ -13,12 +15,12 @@ interface CreateLeagueWizardLayoutProps {
 
 export function CreateLeagueWizardLayout({ children, header, progress, navigation, footer }: CreateLeagueWizardLayoutProps) {
   return (
-    <SharedBox as="main" maxWidth="4xl" mx="auto" pb={8}>
+    <Box as="main" maxWidth="4xl" mx="auto" pb={8}>
       {header}
       {progress}
       {children}
       {navigation}
       {footer}
-    </SharedBox>
+    </Box>
   );
 }