improvement: icons added to prosthesis types catalog.

frontend/src/components/ui/lab/LabCaseProsthesisGroupsList.tsx

@@ -2,11 +2,7 @@
 
 import { useTranslations } from 'next-intl';
 import { ConnectedSelectionBadge } from '@/components/ui/treatment/ConnectedSelectionBadge';
-import {
-  formatToothList,
-  prosthesisGroupLabelFromCatalog,
-  prosthesisTypeLabelStyleFromCatalog,
-} from '@/components/treatment/prosthesisTypeDisplay';
+import { formatToothList } from '@/components/treatment/prosthesisTypeDisplay';
 import { ProsthesisStackedTypeLabel } from '@/components/ui/lab/ProsthesisStackedTypeLabel';
 import type { ProsthesisCatalogEntry } from '@/types/treatment-catalog';
 
@@ -23,10 +19,6 @@ interface LabCaseProsthesisGroupsListProps {
   fallbackTeeth?: string[];
 }
 
-function prosthesisLabel(code: string, catalog: readonly ProsthesisCatalogEntry[]): string {
-  return catalog.find((entry) => entry.code === code)?.label ?? prosthesisGroupLabelFromCatalog(code, catalog);
-}
-
 export function LabCaseProsthesisGroupsList({
   groups,
   prosthesisCatalog,
@@ -109,12 +101,11 @@ export function LabCaseToothJobsList({
               <span className="text-text-muted" aria-hidden>
                 ·
               </span>
-              <span
+              <ProsthesisStackedTypeLabel
                 className="font-medium"
-                style={prosthesisTypeLabelStyleFromCatalog(code, prosthesisCatalog)}
-              >
-                {prosthesisLabel(code, prosthesisCatalog)}
-              </span>
+                code={code}
+                catalog={prosthesisCatalog}
+              />
             </span>
           ))}
           {row.connected ? (