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

frontend/src/app/[locale]/(dashboard)/cases/page.tsx

@@ -10,9 +10,12 @@ import { useToast } from '@/lib/hooks/useToast';
 import { canEditCases } from '@/components/shared/permissions';
 import { Badge, type BadgeVariant } from '@/components/ui/shared/Badge';
 import { casesApi } from '@/lib/api/cases';
+import { treatmentCatalogApi } from '@/lib/api/treatment-catalog';
+import { treatmentTypeLabelFromCatalog } from '@/components/ui/treatment/treatmentTypeDisplay';
 import { Button } from '@/components/ui/shared/Button';
 import { FORM_SELECT_CLASS } from '@/components/ui/shared/formSelectStyles';
 import { SearchBar } from '@/components/ui/shared/SearchBar';
+import type { TreatmentCatalogEntry } from '@/types/treatment-catalog';
 import type {
   AssignableMember,
   CasesFilterOptions,
@@ -22,14 +25,6 @@ import type {
   PaginatedLabCases,
 } from '@/types/cases';
 
-const TREATMENT_TYPE_KEYS = {
-  consultation: 'typeConsultation',
-  filling: 'typeFilling',
-  endo: 'typeEndo',
-  visit: 'typeVisit',
-  hygiene: 'typeHygiene',
-} as const;
-
 const PAGE_SIZE = 20;
 const PRIORITY_OPTIONS = [1, 2, 3, 4, 5] as const;
 
@@ -101,6 +96,7 @@ export default function CasesPage() {
     clinics: [],
     treatmentTypes: [],
   });
+  const [treatmentCatalog, setTreatmentCatalog] = useState<TreatmentCatalogEntry[]>([]);
 
   const [selectedCaseId, setSelectedCaseId] = useState<string | null>(null);
   const [selectedCase, setSelectedCase] = useState<LabCaseDetail | null>(null);
@@ -113,11 +109,8 @@ export default function CasesPage() {
   const locale = user?.language ?? 'en';
 
   const treatmentLabel = useCallback(
-    (type: string) => {
-      const key = TREATMENT_TYPE_KEYS[type as keyof typeof TREATMENT_TYPE_KEYS];
-      return key ? tTreatment(key) : type;
-    },
-    [tTreatment],
+    (type: string) => treatmentTypeLabelFromCatalog(type, treatmentCatalog),
+    [treatmentCatalog],
   );
 
   const statusOptions: { value: LabTaskStatus; label: string }[] = useMemo(
@@ -179,6 +172,7 @@ export default function CasesPage() {
   useEffect(() => {
     void casesApi.listFilterOptions().then((r) => setFilterOptions(r.data)).catch(() => {});
     void casesApi.listAssignableMembers().then((r) => setMembers(r.data)).catch(() => {});
+    void treatmentCatalogApi.list().then((r) => setTreatmentCatalog(r.data)).catch(() => {});
     // eslint-disable-next-line react-hooks/exhaustive-deps -- mount-only initial fetch
   }, []);
 
@@ -490,6 +484,7 @@ export default function CasesPage() {
                       <div className="text-sm font-medium text-text-primary">
                         {t('toothGroupTitle', {
                           tooth: group.tooth,
+                          prosthesis: group.prosthesisTypeLabel,
                           type: treatmentLabel(group.treatmentType),
                         })}
                       </div>

frontend/src/app/[locale]/(dashboard)/tasks/page.tsx

@@ -12,7 +12,10 @@ import { canEditTasks, canViewTasks } from '@/components/shared/permissions';
 import { useAuth } from '@/lib/hooks/useAuth';
 import { useToast } from '@/lib/hooks/useToast';
 import { tasksApi } from '@/lib/api/tasks';
+import { treatmentCatalogApi } from '@/lib/api/treatment-catalog';
+import { treatmentTypeLabelFromCatalog } from '@/components/ui/treatment/treatmentTypeDisplay';
 import type { LabTaskListItem, LabTaskStatus, PaginatedLabTasks } from '@/types/cases';
+import type { TreatmentCatalogEntry } from '@/types/treatment-catalog';
 
 const PAGE_SIZE = 50;
 
@@ -46,6 +49,7 @@ export default function TasksPage() {
   const [page, setPage] = useState(1);
   const [loading, setLoading] = useState(false);
   const [updatingTaskId, setUpdatingTaskId] = useState<string | null>(null);
+  const [treatmentCatalog, setTreatmentCatalog] = useState<TreatmentCatalogEntry[]>([]);
 
   const canView = canViewTasks(currentOrganization);
   const canEdit = canEditTasks(currentOrganization);
@@ -64,6 +68,10 @@ export default function TasksPage() {
     [t],
   );
 
+  useEffect(() => {
+    void treatmentCatalogApi.list().then((r) => setTreatmentCatalog(r.data)).catch(() => {});
+  }, []);
+
   useEffect(() => {
     if (!canView) return;
 
@@ -166,6 +174,7 @@ export default function TasksPage() {
                     <p className="text-[11px] text-text-secondary truncate">
                       {t('fromClinic', { name: task.clinic.name })} ·{' '}
                       {formatPatientName(task.patient)} · {t('toothLabel', { tooth: task.tooth })}
+                      {task.prosthesisTypeLabel ? ` · ${task.prosthesisTypeLabel}` : ''}
                     </p>
                     <p className="text-[11px] text-text-muted truncate flex flex-wrap items-center gap-x-1 gap-y-0.5">
                       <span>{t('taskDate', { date: formatTaskDate(sortDateForTask(task)) })}</span>
@@ -213,7 +222,10 @@ export default function TasksPage() {
                     <Badge variant="default" fixedWidth={false}>
                       {t('priorityLabel', { n: task.priority })}
                     </Badge>
-                    <TreatmentTypeBadge type={task.treatmentType} />
+                    <TreatmentTypeBadge
+                      type={task.treatmentType}
+                      label={treatmentTypeLabelFromCatalog(task.treatmentType, treatmentCatalog)}
+                    />
                   </div>
                 </li>
               );