Refactor contract form steps and improve UI components

- Updated Step 3: Cargo Scope to use Select and MultiSelect components for better user experience.
- Simplified loading states and improved layout in Step 4: Route.
- Enhanced Step 8: Review with a new SummaryItem component for better readability and organization.
- Adjusted navigation labels in payment pages to reflect contracts instead of bookings.
- Introduced RecentContractsSection component to display recent contracts with improved UI and functionality.
- Added clamping logic for step navigation in useContractDraft to handle older drafts.

apps/edr-freight-api/src/modules/contracts/contracts.repository.ts

@@ -113,6 +113,8 @@ export class ContractsRepository extends BaseRepository<Contract> {
       .leftJoinAndSelect('contract.company', 'company')
       .leftJoinAndSelect('contract.serviceType', 'serviceType')
       .leftJoinAndSelect('contract.routes', 'routes')
+      .leftJoinAndSelect('routes.originYard', 'routeOrigin')
+      .leftJoinAndSelect('routes.destinationYard', 'routeDestination')
       .leftJoinAndSelect('contract.cargoScope', 'cargoScope')
       .where('contract.deleted_at IS NULL');