refactor: migrate to use the central api obj

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

@@ -1,5 +1,8 @@
 import { FormEvent, ReactNode, useMemo, useState } from 'react';
+import { useMutation, useQuery } from '@tanstack/react-query';
 import { Edit, Eye, Plus, Search, Trash2 } from 'lucide-react';
+
+import { api } from '@/services/api';
 import {
   ActionIcon,
   Badge as MantineBadge,
@@ -42,7 +45,6 @@ import {
   useWagonTypes,
 } from '@/hooks/use-wagon-types';
 import { useToast } from '@/hooks/use-toast';
-import { useCreateCargo, useDeleteCargo, useCargoes, useUpdateCargo } from '@/hooks/useCargoes';
 import {
   useContainers,
   useCreateContainer,
@@ -1041,7 +1043,7 @@ export function ContainersCrudPage() {
 }
 
 export function CargoesCrudPage() {
-  const query = useCargoes();
+  const query = useQuery(api.cargoes.list.queryOptions());
   const { data: cargoTypes = [] } = useCargoTypes();
   const { data: containers = [] } = useContainers();
   const cargoTypeOptions = cargoTypes.map((type: any) => ({
@@ -1059,9 +1061,9 @@ export function CargoesCrudPage() {
       addLabel="Add Cargo"
       data={query.data}
       isLoading={query.isLoading}
-      create={useCreateCargo()}
-      update={useUpdateCargo()}
-      remove={useDeleteCargo()}
+      create={useMutation(api.cargoes.create.mutationOptions())}
+      update={useMutation(api.cargoes.update.mutationOptions())}
+      remove={useMutation(api.cargoes.remove.mutationOptions())}
       searchText={(cargo) => [cargo.cargoReference, cargo.description, cargo.containerId, cargo.status].join(' ')}
       columns={[
         { key: 'cargoReference', label: 'Reference' },