feat: Route list page

src/pages/Vehicle/VehicleListPage/index.tsx

@@ -25,18 +25,15 @@ export const VehicleListPage = observer(() => {
       field: "tail_number",
       headerName: "Бортовой номер",
       flex: 1,
-      align: "center",
-      headerAlign: "center",
     },
     {
       field: "type",
       headerName: "Тип",
       flex: 1,
-      align: "center",
-      headerAlign: "center",
+
       renderCell: (params: GridRenderCellParams) => {
         return (
-          <div className="flex h-full gap-7 justify-center items-center">
+          <div className="flex h-full gap-7  items-center">
             {VEHICLE_TYPES.find((type) => type.value === params.row.type)
               ?.label || params.row.type}
           </div>
@@ -47,21 +44,17 @@ export const VehicleListPage = observer(() => {
       field: "carrier",
       headerName: "Перевозчик",
       flex: 1,
-      align: "center",
-      headerAlign: "center",
     },
     {
       field: "city",
       headerName: "Город",
       flex: 1,
-      align: "center",
-      headerAlign: "center",
     },
 
     {
       field: "actions",
       headerName: "Действия",
-      flex: 1,
+      width: 200,
       align: "center",
       headerAlign: "center",
 
@@ -88,13 +81,14 @@ export const VehicleListPage = observer(() => {
     },
   ];
 
-  const rows = vehicles.map((vehicle) => ({
+  const rows = vehicles.data?.map((vehicle) => ({
     id: vehicle.vehicle.id,
     tail_number: vehicle.vehicle.tail_number,
     type: vehicle.vehicle.type,
     carrier: vehicle.vehicle.carrier,
-    city: carriers.find((carrier) => carrier.id === vehicle.vehicle.carrier_id)
-      ?.city,
+    city: carriers.data?.find(
+      (carrier) => carrier.id === vehicle.vehicle.carrier_id
+    )?.city,
   }));
 
   return (