fix data table

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

@@ -299,6 +299,34 @@ const FleetResourcePage = () => {
     }
   };
 
+  const handleAssignDriver = async () => {
+    if (!assigningDriver || !("id" in assigningDriver) || !selectedDriver) return;
+    try {
+      const selectedDriverRecord = (drivers as Array<Record<string, unknown>>).find(
+        (d) => String(d.id) === selectedDriver
+      );
+      if (!selectedDriverRecord) return;
+
+      const driverName = `${selectedDriverRecord.firstName} ${selectedDriverRecord.lastName}`;
+
+      await update.mutateAsync({
+        id: String(assigningDriver.id),
+        data: {
+          assignedDriverId: selectedDriver,
+          assignedDriverName: driverName,
+        },
+      });
+      toast({ title: "Driver assigned successfully" });
+      setAssigningDriver(null);
+      setSelectedDriver("");
+    } catch (err: unknown) {
+      const message =
+        (err as { response?: { data?: { message?: string } } })?.response?.data?.message ??
+        "Assignment failed";
+      toast({ title: "Assignment failed", description: String(message), variant: "destructive" });
+    }
+  };
+
   const itemLabel = config.label.toLowerCase();
 
   return (
@@ -519,12 +547,9 @@ const FleetResourcePage = () => {
               Cancel
             </Button>
             <Button
-              onClick={() => {
-                toast({ title: "Driver assigned successfully" });
-                setAssigningDriver(null);
-                setSelectedDriver("");
-              }}
+              onClick={handleAssignDriver}
               disabled={!selectedDriver}
+              loading={update.isPending}
             >
               Assign
             </Button>

apps/edr-freight-web/backoffice/src/pages/fleet/config/vehicles.ts

@@ -55,6 +55,7 @@ export const vehiclesConfig: FleetResourceConfig = {
     { id: "year", header: "Year", accessorKey: "year", format: "number", size: 80 },
     { id: "fuelType", header: "Fuel Type", accessorKey: "fuelType", format: "code", size: 110 },
     { id: "capacity", header: "Capacity (tons)", accessorKey: "capacity", format: "number", size: 130 },
+    { id: "assignedDriverName", header: "Assigned Driver", accessorKey: "assignedDriverName", format: "code", size: 140 },
     { id: "status", header: "Status", accessorKey: "status", format: "statusBadge", size: 100 },
   ],
   formFields: [