enhance contract management features

- Update ContractActionsToolbar to streamline contract generation and signing processes.
- Introduce getStaffRowAction for improved action handling in contract list rows.
- Implement auto-generation of contracts upon final approval in useContracts hook.
- Refactor BookingDetailPage to remove unnecessary container type property.
- Add action buttons in ContractRequestsPage for better user interaction.
- Simplify container types configuration in resources.
- Remove unused properties from booking types.
- Introduce ContractViewPage for staff and customer contract signing.
- Enhance NewContractPage to validate document uploads before proceeding.
- Improve StepDocuments to ensure required documents are uploaded.

apps/edr-freight-web/backoffice/src/hooks/contracts/useContracts.ts

@@ -95,6 +95,11 @@ export function useContractMutations(contractId: string) {
     onError: () => toast.error("Failed to reject contract"),
   });
 
+  // Statuses that mean every approval step is done and the contract is ready to
+  // be generated. Once the final approval lands we generate the PDF
+  // automatically — staff no longer click a separate "Generate" button.
+  const READY_TO_GENERATE = ["APPROVED", "APPROVED_PENDING_SIGNATURE"];
+
   const approveStep = useMutation({
     mutationFn: ({
       stepId,
@@ -104,10 +109,30 @@ export function useContractMutations(contractId: string) {
       requiredRole: string;
     }) =>
       contractsService.approveStep({ id: contractId, stepId, requiredRole }),
-    onSuccess: (data) => onSuccess(data, "Approval step completed"),
+    onSuccess: async (data) => {
+      // If this was the LAST approval, auto-generate the contract so it goes
+      // straight to CONTRACT_READY without a manual step.
+      const alreadyGenerated = Boolean(
+        (data as Freight.IContract).contractGeneratedAt,
+      );
+      if (READY_TO_GENERATE.includes(data.status) && !alreadyGenerated) {
+        toast.success("Final approval complete — generating contract…");
+        try {
+          const generated = await contractsService.generateContract(data.id);
+          onSuccess(generated, "Contract generated and ready to sign");
+          return;
+        } catch {
+          toast.error("Approved, but contract generation failed. Retry below.");
+          void invalidateContractDetail(qc, data.id);
+          return;
+        }
+      }
+      onSuccess(data, "Approval step completed");
+    },
     onError: () => toast.error("Failed to approve step"),
   });
 
+  // Manual fallback generate — used only if auto-generation failed.
   const generateContract = useMutation({
     mutationFn: () => contractsService.generateContract(contractId),
     onSuccess: (data) => onSuccess(data, "Contract generated"),