TreatmentType and ProsthesisType database shcema and data updated. Lab dispatch wired through new data.

frontend/src/components/ui/treatment/TreatmentHistoryDetailLine.tsx

@@ -2,16 +2,20 @@
 
 import { useTranslations } from 'next-intl';
 import { TreatmentTypeBadge } from '@/components/ui/treatment/TreatmentTypeBadge';
+import { treatmentTypeLabelFromCatalog } from '@/components/ui/treatment/treatmentTypeDisplay';
+import type { TreatmentCatalogEntry } from '@/types/treatment-catalog';
 import type { PastTreatmentDetail } from '@/types/treatment';
 
 interface TreatmentHistoryDetailLineProps {
   detail: PastTreatmentDetail;
   detailNumber: number;
+  treatmentCatalog: TreatmentCatalogEntry[];
 }
 
 export function TreatmentHistoryDetailLine({
   detail,
   detailNumber,
+  treatmentCatalog,
 }: TreatmentHistoryDetailLineProps) {
   const t = useTranslations('treatment');
   const teeth = detail.teeth.length ? [...detail.teeth].sort().join(', ') : t('teethNone');
@@ -20,7 +24,10 @@ export function TreatmentHistoryDetailLine({
   return (
     <div className="flex items-center gap-2 min-w-0 text-[11px] leading-tight">
       <span className="text-text-muted tabular-nums shrink-0">{detailNumber}.</span>
-      <TreatmentTypeBadge type={detail.treatmentType} />
+      <TreatmentTypeBadge
+        type={detail.treatmentType}
+        label={treatmentTypeLabelFromCatalog(detail.treatmentType, treatmentCatalog)}
+      />
       <span className="text-text-secondary truncate min-w-0">{teeth}</span>
       {attachmentCount > 0 && (
         <span className="text-text-muted shrink-0 tabular-nums">