fix(links): name a related dose by its vaccine, not its catalogue slug

src/components/links/__tests__/related-records.test.tsx

@@ -53,6 +53,35 @@ describe("<RelatedRecordsList>", () => {
     expect(html).not.toContain(">SPECIALIST<");
   });
 
+  it("names a dose labelled by its catalogue slug from the reader's bundle", () => {
+    const html = render(
+      <RelatedRecordsList
+        related={[
+          {
+            kind: "vaccination",
+            id: "v1",
+            label: "tetanus",
+            date: "2025-12-20T09:00:00.000Z",
+            href: "/vaccinations?dose=v1",
+            via: "direct",
+          },
+          {
+            kind: "vaccination",
+            id: "v2",
+            label: "as-written-on-the-card",
+            date: "2025-11-20T09:00:00.000Z",
+            href: "/vaccinations?dose=v2",
+            via: "direct",
+          },
+        ]}
+      />,
+    );
+    expect(html).toContain(">Tetanus<");
+    expect(html).not.toContain(">tetanus<");
+    // A written name that is no catalogue slug stays as written.
+    expect(html).toContain("as-written-on-the-card");
+  });
+
   it("says how a derived relation runs", () => {
     const html = render(<RelatedRecordsList related={RELATED} />);
     expect(html).toContain("through the efficacy target");

src/components/links/related-records.tsx

@@ -111,6 +111,13 @@ function rowLabel(t: Translate, row: RelatedLink): string {
   ) {
     return encounterKindText(t, row.label as EncounterKind);
   }
+  // A dose without a written name arrives as its catalogue slug ("tetanus"),
+  // named here from the reader's bundle the way the dose picker names it.
+  if (row.kind === "vaccination" && /^[a-z0-9_-]+$/.test(row.label)) {
+    const key = `vaccinations.catalog.${row.label}`;
+    const name = t(key);
+    if (name !== key) return name;
+  }
   return row.label;
 }