add contracts overview tab with KPIs, recent contracts, and charts

- Introduced OverviewContractKpisDto and OverviewRecentContractDto for contract metrics.
- Implemented OverviewContractsTabDto to structure the contracts tab response.
- Added contract-related constants for status groupings and pipeline stages.
- Created OverviewContractsTabPanel and OverviewRecentContractsTable components for UI representation.
- Updated OverviewService and OverviewRepository to fetch contract data.
- Integrated contracts tab into OverviewController and OverviewTabContent.
- Added hooks for fetching contracts data in useOverview.
- Updated types in the overview module to include contracts.
- Enhanced the contract detail page with a "View contract" button for generated PDFs.

apps/edr-freight-web/backoffice/src/pages/dashboard/OverviewPage.tsx

@@ -2,6 +2,7 @@ import { useState } from "react";
 import {
   AlertCircle,
   Banknote,
+  FileSignature,
   FileText,
   Train,
   UserCheck,
@@ -31,7 +32,13 @@ const TAB_ITEMS: Array<{
   value: OverviewTabKey;
   label: string;
   icon: typeof FileText;
-  kpiKey: "bookings" | "billing" | "operations" | "customers" | "staff";
+  kpiKey:
+    | "bookings"
+    | "contracts"
+    | "billing"
+    | "operations"
+    | "customers"
+    | "staff";
   metricKey: string;
 }> = [
   {
@@ -41,6 +48,13 @@ const TAB_ITEMS: Array<{
     kpiKey: "bookings",
     metricKey: "totalActive",
   },
+  {
+    value: "contracts",
+    label: "Contracts",
+    icon: FileSignature,
+    kpiKey: "contracts",
+    metricKey: "totalActive",
+  },
   {
     value: "billing",
     label: "Billing",