website refactor

apps/website/components/dashboard/DashboardControlBar.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import { Box } from '@/ui/Box';
 import { Heading } from '@/ui/Heading';
 import { Stack } from '@/ui/Stack';
 
@@ -16,13 +15,13 @@ interface DashboardControlBarProps {
  */
 export function DashboardControlBar({ title, actions }: DashboardControlBarProps) {
   return (
-    <Box display="flex" h="full" alignItems="center" justifyContent="between" px={6}>
+    <Stack direction="row" h="full" align="center" justify="between" px={6}>
       <Heading level={6} weight="bold">
         {title}
       </Heading>
       <Stack direction="row" align="center" gap={4}>
         {actions}
       </Stack>
-    </Box>
+    </Stack>
   );
 }