implement update train details feature: add DTO, service method, and UI modal for editing train name and run numbers

apps/edr-freight-web/backoffice/src/pages/trainBuilder/TrainBuilderListPage.tsx

@@ -1,6 +1,7 @@
 import type { ColumnDef } from "@edr/ui-common";
 import { DataTable, DataTableFooter, usePagination } from "@edr/ui-common";
 import {
+  ActionIcon,
   Badge,
   Box,
   Button,
@@ -15,6 +16,7 @@ import { useDebouncedValue } from "@mantine/hooks";
 import { keepPreviousData, useQuery } from "@tanstack/react-query";
 import {
   Hammer,
+  Pencil,
   Ruler,
   Search,
   Train as TrainIcon,
@@ -27,6 +29,7 @@ import { useNavigate } from "react-router-dom";
 import { KpiStrip, PageContainer, PageHeader } from "@/components/page";
 import { ruleEngineTable } from "@/components/ruleEngine/ruleEngineStyles";
 import BuildTrainModal from "@/components/trainBuilder/BuildTrainModal";
+import EditTrainDetailsModal from "@/components/trainBuilder/EditTrainDetailsModal";
 import {
   directionColor,
   directionRowStyle,
@@ -52,6 +55,7 @@ export default function TrainBuilderListPage() {
   const [statusFilter, setStatusFilter] = useState<"ALL" | BuiltTrainStatus>("ALL");
   const [yardFilter, setYardFilter] = useState("ALL");
   const [buildOpen, setBuildOpen] = useState(false);
+  const [editTarget, setEditTarget] = useState<BuiltTrainSummary | null>(null);
 
   const resetPage = useCallback(() => {
     setPagination((prev) =>
@@ -239,6 +243,26 @@ export default function TrainBuilderListPage() {
           </Badge>
         ),
       },
+      {
+        id: "actions",
+        header: "",
+        meta: { headerClassName, cellClassName },
+        cell: ({ row }) => (
+          <ActionIcon
+            variant="subtle"
+            color="gray"
+            aria-label={`Edit train ${row.original.code}`}
+            title="Edit name & train numbers"
+            onClick={(e) => {
+              // Row click navigates to the detail page — keep the edit local.
+              e.stopPropagation();
+              setEditTarget(row.original);
+            }}
+          >
+            <Pencil size={15} />
+          </ActionIcon>
+        ),
+      },
     ];
   }, []);
 
@@ -363,6 +387,8 @@ export default function TrainBuilderListPage() {
         onClose={() => setBuildOpen(false)}
         onBuilt={(composition) => navigate(`/dashboard/train-builder/${composition.id}`)}
       />
+
+      <EditTrainDetailsModal train={editTarget} onClose={() => setEditTarget(null)} />
     </PageContainer>
   );
 }