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

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

@@ -13,6 +13,7 @@ import {
   formatCaseDateTime,
   formatPatientName,
 } from '@/components/lab/caseDetailUtils';
+import { LabCaseDueDateBadge } from '@/components/lab/LabCaseDueDateBadge';
 import { casesApi } from '@/lib/api/cases';
 import { tasksApi } from '@/lib/api/tasks';
 import { treatmentCatalogApi } from '@/lib/api/treatment-catalog';
@@ -376,6 +377,11 @@ export function CasesPage() {
                           <div className="font-medium text-text-primary">
                             {formatPatientName(item.patient)}
                           </div>
+                          <LabCaseDueDateBadge
+                            dueDate={item.dueDate}
+                            locale={locale}
+                            className="text-[10px]"
+                          />
                           {item.isImportant ? (
                             <Badge variant="warning" fixedWidth={false}>
                               {t('importantLabel')}