implement Global Logistics booking process for customs contracts and enhance contract document handling

apps/edr-freight-web/backoffice/src/pages/contracts/ContractClearanceListPage.tsx

@@ -4,6 +4,7 @@ import {
   ActionIcon,
   Badge,
   Box,
+  Button,
   Card,
   Group,
   SegmentedControl,
@@ -20,6 +21,7 @@ import {
   Inbox,
   LayoutGrid,
   PackageCheck,
+  PackagePlus,
   RefreshCw,
   Search,
   ShieldCheck,
@@ -293,15 +295,33 @@ export default function ContractClearanceListPage() {
       },
       {
         id: "go",
-        size: 56,
-        cell: () => (
-          <Group justify="flex-end" pr="xs">
-            <ChevronRight size={16} className="text-muted-foreground" />
-          </Group>
-        ),
+        size: 150,
+        cell: ({ row }) =>
+          row.original.ready ? (
+            <Group justify="flex-end" pr="xs">
+              <Button
+                size="compact-sm"
+                color="edr-green"
+                radius="md"
+                leftSection={<PackagePlus size={14} />}
+                onClick={(e) => {
+                  e.stopPropagation();
+                  navigate(
+                    `/dashboard/contracts/${row.original.id}/create-booking`,
+                  );
+                }}
+              >
+                Create booking
+              </Button>
+            </Group>
+          ) : (
+            <Group justify="flex-end" pr="xs">
+              <ChevronRight size={16} className="text-muted-foreground" />
+            </Group>
+          ),
       },
     ],
-    [],
+    [navigate],
   );
 
   return (