feat(clearance): preview charge documents before and after upload

apps/edr-freight-web/portal/src/pages/bookings/BookingDetailPage/components/CustomsPaymentsCard.tsx

@@ -13,7 +13,7 @@ import {
   Text,
 } from "@mantine/core";
 import {
-  Check,
+  // Check,
   CheckCircle2,
   Download,
   Eye,
@@ -41,28 +41,28 @@ import { downloadStoredFile } from "@/services/files.service";
 import { CardTitle, SectionCard } from "./layout";
 
 // Customer-facing labels for an invoice status (Freight.InvoiceStatus).
-const INVOICE_STATUS_LABELS: Record<string, string> = {
+// const INVOICE_STATUS_LABELS: Record<string, string> = {
-  DRAFT: "Draft",
+//   DRAFT: "Draft",
-  ISSUED: "Issued",
+//   ISSUED: "Issued",
-  PENDING: "Due",
+//   PENDING: "Due",
-  PAYMENT_PROCESSING: "Payment processing",
+//   PAYMENT_PROCESSING: "Payment processing",
-  PARTIALLY_PAID: "Partially paid",
+//   PARTIALLY_PAID: "Partially paid",
-  PAID: "Paid",
+//   PAID: "Paid",
-  OVERDUE: "Overdue",
+//   OVERDUE: "Overdue",
-  CANCELLED: "Cancelled",
+//   CANCELLED: "Cancelled",
-  REFUNDED: "Refunded",
+//   REFUNDED: "Refunded",
-  EXPIRED: "Expired",
+//   EXPIRED: "Expired",
-};
+// };
 
-function invoiceStatusLabel(status: string): string {
+// function invoiceStatusLabel(status: string): string {
-  return (
+//   return (
-    INVOICE_STATUS_LABELS[status] ??
+//     INVOICE_STATUS_LABELS[status] ??
-    status
+//     status
-      .replace(/_/g, " ")
+//       .replace(/_/g, " ")
-      .toLowerCase()
+//       .toLowerCase()
-      .replace(/\b\w/g, (m) => m.toUpperCase())
+//       .replace(/\b\w/g, (m) => m.toUpperCase())
-  );
+//   );
-}
+// }
 
 /**
  * Customs payments on a phased (customs) booking — duty / tax, the post-arrival