fix ui issue

apps/edr-freight-web/backoffice/src/pages/trainScheduling/BatchScheduleDetailPage.tsx

@@ -20,7 +20,7 @@ import {
   AlertTriangle,
   ArrowLeft,
   ArrowLeftRight,
-  Boxes,
+  // Boxes,
   CalendarDays,
   CheckCircle2,
   ClipboardCheck,
@@ -348,9 +348,9 @@ const BOOKING_COLUMNS: ColumnDef<BatchBoardBookingDetail>[] = [
       const b = row.original;
       return (
         <Group gap={4} wrap="nowrap">
-          <Badge variant="default" radius="sm" size="sm">
+          {/* <Badge variant="default" radius="sm" size="sm">
             {b.wagons}w
-          </Badge>
+          </Badge> */}
           <Badge variant="default" radius="sm" size="sm">
             {fmtTons(b.weightTons)}
           </Badge>
@@ -890,14 +890,14 @@ export default function BatchScheduleDetailPage() {
 
             <KpiStrip
               items={[
-                {
-                  label: "Allocated wagons",
-                  value: data.capacity.maxWagons
-                    ? `${data.capacity.allocatedWagons} / ${data.capacity.maxWagons}`
-                    : data.capacity.allocatedWagons,
-                  hint: "on this train",
-                  icon: Boxes,
-                },
+                // {
+                //   label: "Allocated wagons",
+                //   value: data.capacity.maxWagons
+                //     ? `${data.capacity.allocatedWagons} / ${data.capacity.maxWagons}`
+                //     : data.capacity.allocatedWagons,
+                //   hint: "on this train",
+                //   icon: Boxes,
+                // },
                 {
                   label: "Train length",
                   value: data.capacity.maxLengthMeters