website refactor

apps/website/components/onboarding/OnboardingStepPanel.tsx

@@ -1,4 +1,4 @@
-import { Surface } from '@/ui/Surface';
+import { Panel } from '@/ui/Panel';
 import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';
 
@@ -28,7 +28,7 @@ export function OnboardingStepPanel({ title, description, children }: Onboarding
         )}
       </Stack>
 
-      <Surface
+      <Panel
         variant="dark"
         rounded="xl"
         border
@@ -37,7 +37,7 @@ export function OnboardingStepPanel({ title, description, children }: Onboarding
         bg="bg-deep-charcoal/50"
       >
         {children}
-      </Surface>
+      </Panel>
     </Stack>
   );
 }