improvement: duedate added for shipped cases. cases and tasks ui and ux updated accordingly.

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

@@ -11,6 +11,7 @@ import { FORM_SELECT_CLASS } from '@/components/shared/formSelectStyles';
 import { LabCaseAttachmentPreview } from '@/components/ui/lab/LabCaseAttachmentPreview';
 import { LabCaseAttachmentsDialog } from '@/components/ui/lab/LabCaseAttachmentsDialog';
 import { labTaskStatusVariant } from '@/components/lab/labTaskStatusDisplay';
+import { LabCaseDueDateBadge } from '@/components/lab/LabCaseDueDateBadge';
 import {
   formatToothList,
   prosthesisTypeBadgeStyleFromCatalog,
@@ -104,9 +105,12 @@ export function CaseDetailPanel({
     <div className="space-y-4">
       <header className="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between border-b border-border pb-3">
         <div className="min-w-0 flex-1 space-y-1">
-          <h2 className="text-lg font-semibold text-text-primary">
-            {formatPatientName(labCase.patient)}
-          </h2>
+          <div className="flex flex-wrap items-center gap-2">
+            <h2 className="text-lg font-semibold text-text-primary">
+              {formatPatientName(labCase.patient)}
+            </h2>
+            <LabCaseDueDateBadge dueDate={labCase.dueDate} locale={locale} />
+          </div>
           {!canEditImportant && labCase.isImportant ? (
             <Badge variant="warning" fixedWidth={false} className="mt-1">
               {t('importantLabel')}