website refactor

apps/website/components/admin/AdminHeaderPanel.tsx

@@ -2,7 +2,6 @@
 
 import React from 'react';
 import { Stack } from '@/ui/Stack';
-import { Box } from '@/ui/Box';
 import { Heading } from '@/ui/Heading';
 import { Text } from '@/ui/Text';
 import { ProgressLine } from '@/components/shared/ux/ProgressLine';
@@ -27,9 +26,9 @@ export function AdminHeaderPanel({
   isLoading = false
 }: AdminHeaderPanelProps) {
   return (
-    <Box position="relative" pb={4} borderBottom borderColor="border-charcoal-outline">
+    <Stack position="relative" pb={4} borderBottom borderColor="border-charcoal-outline">
       <Stack direction="row" align="center" justify="between">
-        <Box>
+        <Stack>
           <Heading level={1} weight="bold" color="text-white">
             {title}
           </Heading>
@@ -38,16 +37,16 @@ export function AdminHeaderPanel({
               {description}
             </Text>
           )}
-        </Box>
+        </Stack>
         {actions && (
           <Stack direction="row" align="center" gap={3}>
             {actions}
           </Stack>
         )}
       </Stack>
-      <Box position="absolute" bottom="0" left="0" w="full">
+      <Stack position="absolute" bottom="0" left="0" w="full">
         <ProgressLine isLoading={isLoading} />
-      </Box>
-    </Box>
+      </Stack>
+    </Stack>
   );
 }