website refactor

apps/website/components/drivers/DriverSummaryPill.tsx

@@ -1,11 +1,10 @@
 
 
 import React from 'react';
-import { Box } from '@/ui/Box';
+import { Stack } from '@/ui/Stack';
 import { Image } from '@/ui/Image';
 import { Link } from '@/ui/Link';
 import { PlaceholderImage } from '@/ui/PlaceholderImage';
-import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';
 
 interface DriverSummaryPillProps {
@@ -27,7 +26,7 @@ export function DriverSummaryPill({
 }: DriverSummaryPillProps) {
   const content = (
     <>
-      <Box 
+      <Stack 
         w="8" 
         h="8" 
         rounded="full" 
@@ -51,7 +50,7 @@ export function DriverSummaryPill({
         ) : (
           <PlaceholderImage size={32} />
         )}
-      </Box>
+      </Stack>
 
       <Stack direction="col" align="start" justify="center">
         <Text 
@@ -95,7 +94,7 @@ export function DriverSummaryPill({
 
   if (onClick) {
     return (
-      <Box 
+      <Stack 
         as="button" 
         type="button" 
         onClick={onClick} 
@@ -115,12 +114,12 @@ export function DriverSummaryPill({
         className="hover:bg-iron-gray"
       >
         {content}
-      </Box>
+      </Stack>
     );
   }
 
   return (
-    <Box 
+    <Stack 
       display="flex"
       alignItems="center"
       gap={3}
@@ -132,6 +131,6 @@ export function DriverSummaryPill({
       borderColor="border-charcoal-outline/80"
     >
       {content}
-    </Box>
+    </Stack>
   );
 }