improvement: Some improvements done. some bugs fixed.

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

@@ -1,8 +1,8 @@
 'use client';
 
 import { useTranslations } from 'next-intl';
-import { Badge } from '@/components/ui/shared/Badge';
-import { formatToothList, prosthesisTypeBadgeStyleFromCatalog } from '@/components/treatment/prosthesisTypeDisplay';
+import { formatToothList } from '@/components/treatment/prosthesisTypeDisplay';
+import { ProsthesisStackedTypeLabel } from '@/components/ui/lab/ProsthesisStackedTypeLabel';
 import type { ProsthesisTaskGroup } from '@/components/lab/taskListGrouping';
 import type { ProsthesisCatalogEntry } from '@/types/treatment-catalog';
 
@@ -24,15 +24,12 @@ export function TaskProsthesisGroupHeader({
 
   return (
     <div className="flex flex-wrap items-center gap-2 px-3 py-1.5 bg-background-secondary/30 border-b border-border/40">
-      <Badge
-        fixedWidth={false}
-        truncate
+      <ProsthesisStackedTypeLabel
+        className="max-w-[16rem] text-xs font-medium"
+        code={group.prosthesisTypeCode}
+        catalog={prosthesisCatalog}
         title={group.prosthesisTypeLabel}
-        style={prosthesisTypeBadgeStyleFromCatalog(group.prosthesisTypeCode, prosthesisCatalog)}
-        className="max-w-[10rem]"
-      >
-        {group.prosthesisTypeLabel}
-      </Badge>
+      />
       <span className="text-xs text-text-secondary">
         {t('teethLabel', { teeth: formatToothList(group.teeth, archLabels) })}
       </span>