website refactor

apps/website/components/drivers/DriverTable.tsx

@@ -2,7 +2,7 @@
 
 import { Heading } from '@/ui/Heading';
 import { Text } from '@/ui/Text';
-import { Stack } from '@/ui/Stack';
+import { Group } from '@/ui/Group';
 import { Table, TableHead, TableBody, TableRow, TableHeaderCell } from '@/ui/Table';
 import { TrendingUp } from 'lucide-react';
 import { Card } from '@/ui/Card';
@@ -15,16 +15,16 @@ interface DriverTableProps {
 
 export function DriverTable({ children }: DriverTableProps) {
   return (
-    <Stack gap={4}>
-      <Stack direction="row" align="center" gap={3}>
+    <Group direction="column" gap={4} fullWidth>
+      <Group direction="row" align="center" gap={3}>
         <Card variant="dark">
           <Icon icon={TrendingUp} size={5} intent="primary" />
         </Card>
-        <Stack>
+        <Group direction="column">
           <Heading level={2}>Driver Rankings</Heading>
           <Text size="xs" variant="low">Top performers by skill rating</Text>
-        </Stack>
-      </Stack>
+        </Group>
+      </Group>
 
       <Table>
         <TableHead>
@@ -40,6 +40,6 @@ export function DriverTable({ children }: DriverTableProps) {
           {children}
         </TableBody>
       </Table>
-    </Stack>
+    </Group>
   );
 }