website refactor

apps/website/components/dashboard/DashboardKpiRow.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Box } from '@/ui/Box';
 import { Text } from '@/ui/Text';
 import { Grid } from '@/ui/Grid';
+import { Stack } from '@/ui/Stack';
 
 interface KpiItem {
   label: string;
@@ -23,7 +23,7 @@ export function DashboardKpiRow({ items }: DashboardKpiRowProps) {
   return (
     <Grid responsiveGridCols={{ base: 2, md: 3, lg: 6 }} gap={4}>
       {items.map((item, index) => (
-        <Box key={index} borderLeft pl={4} borderColor="var(--color-outline)">
+        <Stack key={index} borderLeft pl={4} borderColor="var(--color-outline)">
           <Text 
             size="xs" 
             weight="bold" 
@@ -42,7 +42,7 @@ export function DashboardKpiRow({ items }: DashboardKpiRowProps) {
           >
             {item.value}
           </Text>
-        </Box>
+        </Stack>
       ))}
     </Grid>
   );