feat(warehouse): batch 3 — loading, dispatch & train-departure visibility

- WarehouseLoading entity + Batch3 migration (wagon loading records)
- wagon-aware load() with validation; dispatch moved to PATCH
- read-only SchedulingReadFacade (schedule/wagon/departure) — never writes scheduling
- new endpoints: GET /warehouse-loadings, loadable-wagons, booking schedule
- Loading Queue / Loaded Inventory / Dispatch Queue pages + routes + sidebar
- FreightVisual illustrations (page heroes + empty states)
- booking detail: loaded/dispatched/wagon + read-only train schedule

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

apps/edr-freight-web/backoffice/src/hooks/useWarehouses.ts

@@ -4,6 +4,7 @@ import { warehouseService } from '@/services/warehouse.service';
 import type {
   InventoryFilter,
   InventoryInquiryFilter,
+  LoadInventoryPayload,
   MoveInventoryPayload,
   ReceiveInventoryPayload,
   ReserveInventoryPayload,
@@ -145,6 +146,7 @@ function useInventoryMutation<TArgs>(fn: (args: TArgs) => Promise<unknown>) {
     mutationFn: fn,
     onSuccess: () => {
       qc.invalidateQueries({ queryKey: ['warehouse-inventory'] });
+      qc.invalidateQueries({ queryKey: ['warehouse-loadings'] });
       qc.invalidateQueries({ queryKey: warehouseKeys.all });
     },
   });
@@ -155,13 +157,41 @@ export const useReserveInventory = () =>
   useInventoryMutation((payload: ReserveInventoryPayload) => warehouseService.reserve(payload));
 export const useMarkReadyForLoading = () =>
   useInventoryMutation((id: string) => warehouseService.markReadyForLoading(id));
-export const useLoadInventory = () => useInventoryMutation((id: string) => warehouseService.load(id));
+export const useLoadInventory = () =>
+  useInventoryMutation((args: { id: string; payload: LoadInventoryPayload }) =>
+    warehouseService.load(args.id, args.payload),
+  );
 export const useDispatchInventory = () => useInventoryMutation((id: string) => warehouseService.dispatch(id));
 export const useMoveInventory = () =>
   useInventoryMutation((args: { id: string; payload: MoveInventoryPayload }) =>
     warehouseService.move(args.id, args.payload),
   );
 
+// ── Loading (Batch 3) ────────────────────────────────────────────────────────
+
+export function useLoadableWagons(enabled = true) {
+  return useQuery({
+    queryKey: ['warehouse', 'loadable-wagons'],
+    queryFn: () => warehouseService.loadableWagons().then((r) => r.data),
+    enabled,
+  });
+}
+
+export function useWarehouseLoadings(params?: { bookingId?: string; wagonId?: string }) {
+  return useQuery({
+    queryKey: ['warehouse-loadings', params ?? {}],
+    queryFn: () => warehouseService.loadings(params).then((r) => r.data),
+  });
+}
+
+export function useBookingSchedule(bookingId?: string) {
+  return useQuery({
+    queryKey: ['warehouse', 'booking-schedule', bookingId ?? ''],
+    queryFn: () => warehouseService.bookingSchedule(bookingId as string).then((r) => r.data),
+    enabled: Boolean(bookingId),
+  });
+}
+
 export function useInventoryMovements(id?: string) {
   return useQuery({
     queryKey: ['warehouse-inventory', id, 'movements'],