fix data table

apps/edr-freight-web/backoffice/src/pages/fleet/FleetResourcePage.tsx

@@ -48,6 +48,7 @@ const FleetResourcePage = () => {
   const [formOpen, setFormOpen] = useState(false);
   const [editing, setEditing] = useState<FleetRecord | null>(null);
   const [removeTarget, setRemoveTarget] = useState<FleetRecord | null>(null);
+  const [assigningDriver, setAssigningDriver] = useState<FleetRecord | null>(null);
   const { viewMode, setViewMode } = useFleetViewMode(slug);
 
   const serverListFilters = useMemo((): FleetListFilters | undefined => {
@@ -246,6 +247,7 @@ const FleetResourcePage = () => {
               setFormOpen(true);
             }}
             onRemove={setRemoveTarget}
+            onAssignDriver={setAssigningDriver}
           />
         </div>
       ),
@@ -478,6 +480,30 @@ const FleetResourcePage = () => {
           </Group>
         </Stack>
       </Modal>
+
+      <Modal
+        opened={Boolean(assigningDriver)}
+        onClose={() => setAssigningDriver(null)}
+        title={<Text fw={600}>Assign Driver</Text>}
+        radius="lg"
+        centered
+      >
+        <Stack gap="md">
+          <Text size="sm">
+            {assigningDriver && "id" in assigningDriver ?
+              `Assign a driver to vehicle: ${(assigningDriver as unknown as Record<string, unknown>).plateNumber}`
+              : "Select a driver to assign"}
+          </Text>
+          <Text size="sm" c="dimmed">
+            Driver assignment feature coming soon
+          </Text>
+          <Group justify="flex-end">
+            <Button variant="default" onClick={() => setAssigningDriver(null)}>
+              Close
+            </Button>
+          </Group>
+        </Stack>
+      </Modal>
     </Container>
   );
 };