website refactor

apps/website/components/drivers/DriverSearchBar.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Box } from '@/ui/Box';
+import { Group } from '@/ui/Group';
 import { Input } from '@/ui/Input';
 import { Search } from 'lucide-react';
 
@@ -11,13 +11,13 @@ interface DriverSearchBarProps {
 
 export function DriverSearchBar({ query, onChange }: DriverSearchBarProps) {
   return (
-    <Box position="relative" group>
+    <Group fullWidth>
       <Input
         value={query}
         onChange={(e) => onChange(e.target.value)}
         placeholder="Search drivers by name or nationality..."
         icon={<Search size={20} />}
       />
-    </Box>
+    </Group>
   );
 }