improvement: Some improvements done. some bugs fixed.

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

@@ -16,10 +16,8 @@ import { LabCaseOriginBadge } from '@/components/ui/lab/LabCaseOriginBadge';
 import { isLabGeneratedCase } from '@/components/lab/labCaseOrigin';
 import { formatAppDate, APP_DATE } from '@/lib/i18n/format';
 import { notifyTabBadgesChanged } from '@/lib/tabBadgeUtils';
-import {
-  formatToothList,
-  prosthesisTypeBadgeStyleFromCatalog,
-} from '@/components/treatment/prosthesisTypeDisplay';
+import { formatToothList } from '@/components/treatment/prosthesisTypeDisplay';
+import { ProsthesisStackedTypeLabel } from '@/components/ui/lab/ProsthesisStackedTypeLabel';
 import { tasksApi } from '@/lib/api/tasks';
 import type { LabTaskListItem, LabTaskStatus } from '@/types/cases';
 import type { ProsthesisCatalogEntry } from '@/types/treatment-catalog';
@@ -207,18 +205,12 @@ export function TaskRow({
                 {t('showInCase')}
               </Button>
             ) : null}
-            <Badge
-              fixedWidth={false}
-              truncate
+            <ProsthesisStackedTypeLabel
+              className="w-full max-w-[10rem] text-xs font-medium sm:w-[8rem]"
+              code={task.prosthesisTypeCode}
+              catalog={prosthesisCatalog}
               title={task.prosthesisTypeLabel}
-              style={prosthesisTypeBadgeStyleFromCatalog(
-                task.prosthesisTypeCode,
-                prosthesisCatalog,
-              )}
-              className="w-full max-w-[8rem] sm:w-[7rem]"
-            >
-              {task.prosthesisTypeLabel}
-            </Badge>
+            />
           </div>
         ) : null}
       </div>