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-api/src/modules/overview/overview.controller.ts

@@ -12,6 +12,7 @@ import { OverviewResponseDto } from './dto/overview-response.dto';
 import {
   OverviewBillingTabDto,
   OverviewBookingsTabDto,
+  OverviewContractsTabDto,
   OverviewCustomersTabDto,
   OverviewOperationsTabDto,
   OverviewStaffTabDto,
@@ -40,6 +41,14 @@ export class OverviewController {
     return this.overviewService.getBookingsTab(query.range ?? '30d');
   }
 
+  @Get('contracts')
+  @BookingView()
+  @ApiOperation({ summary: 'Contracts tab metrics and charts' })
+  @ApiOkResponse({ type: OverviewContractsTabDto })
+  getContractsTab(@Query() query: OverviewQueryDto): Promise<OverviewContractsTabDto> {
+    return this.overviewService.getContractsTab(query.range ?? '30d');
+  }
+
   @Get('billing')
   @BookingView()
   @ApiOperation({ summary: 'Billing tab metrics and charts' })