add file viewer functionality across various components

- Implemented a shared file viewer modal using `useFileViewer` hook to allow inline viewing of documents (images, PDFs, videos, etc.) across the application.
- Updated `ContractClearanceReviewSection`, `ContractRequestDetailPage`, `ContractViewPage`, and booking-related components to utilize the new file viewer for document previews.
- Added "Approve all" button in `ContractClearanceReviewSection` to bulk approve documents.
- Enhanced document action buttons to include view and download options based on file type.
- Introduced `isViewable` utility to determine if a file can be previewed inline.
- Created `FileViewer` component to handle rendering of various file types and added appropriate fallback for unsupported formats.

packages/ui-common/src/index.ts

@@ -10,6 +10,16 @@ export type { SmartFileInputProps } from "./components/SmartFileInput";
 export { default as Modal } from "./components/Modal";
 export type { ModalProps } from "./components/Modal";
 
+export {
+  FileViewerModal,
+  isViewable,
+  resolveViewerKind,
+} from "./components/FileViewer";
+export type {
+  FileViewerModalProps,
+  ViewableFile,
+} from "./components/FileViewer";
+
 export { Badge } from "./components/badge";
 // export type { BadgeProps  } from "./components/badge";