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/components/FileViewer/index.ts

@@ -0,0 +1,7 @@
+export {
+  FileViewerModal,
+  isViewable,
+  resolveViewerKind,
+} from "./FileViewer";
+export type { FileViewerModalProps, ViewableFile } from "./FileViewer";
+export { default } from "./FileViewer";