merge(reconcile): r2-labs audit findings

src/components/labs/lab-list.tsx

@@ -2,9 +2,11 @@
 
 import { useMemo } from "react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { FlaskConical, Trash2 } from "lucide-react";
+import { FlaskConical } from "lucide-react";
 import { toast } from "sonner";
 
+import { DeleteButton } from "@/components/data-list";
+import { formatReferenceRange } from "@/lib/labs/reference-range";
 import { Button } from "@/components/ui/button";
 import {
   Card,
@@ -166,16 +168,14 @@ export function LabList({ onAddFirst }: { onAddFirst?: () => void } = {}) {
             </CardTitle>
             <CardAction className="flex items-center gap-3">
               <LabTrendSparkline values={group.readings.map((r) => r.value)} />
-              <Button
-                variant="ghost"
-                size="icon"
-                className="text-muted-foreground hover:text-destructive"
-                aria-label={t("labs.deleteLatest")}
-                disabled={deleteMutation.isPending}
-                onClick={() => deleteMutation.mutate(group.latest.id)}
-              >
-                <Trash2 className="h-4 w-4" />
-              </Button>
+              <DeleteButton
+                onConfirm={() => deleteMutation.mutate(group.latest.id)}
+                title={t("labs.deleteConfirmTitle")}
+                description={t("labs.deleteConfirmDescription")}
+                confirmLabel={t("labs.deleteLatest")}
+                className="size-9"
+                iconClassName="h-4 w-4"
+              />
             </CardAction>
           </CardHeader>
           <CardContent>
@@ -187,12 +187,11 @@ export function LabList({ onAddFirst }: { onAddFirst?: () => void } = {}) {
               group.latest.referenceHigh !== null ? (
                 <span className="text-xs">
                   {t("labs.referenceLabel")}{" "}
-                  {group.latest.referenceLow !== null &&
-                  group.latest.referenceHigh !== null
-                    ? `${formatValue(group.latest.referenceLow)}–${formatValue(group.latest.referenceHigh)}`
-                    : group.latest.referenceHigh !== null
-                      ? `≤ ${formatValue(group.latest.referenceHigh)}`
-                      : `≥ ${formatValue(group.latest.referenceLow as number)}`}
+                  {formatReferenceRange(
+                    group.latest.referenceLow,
+                    group.latest.referenceHigh,
+                    formatValue,
+                  )}
                 </span>
               ) : null}
               <span className="text-xs">

src/components/measurement-reminders/vorsorge-section.tsx

@@ -13,9 +13,10 @@
  * relative to "now" but never recomputes the cadence.
  */
 import { useState } from "react";
-import { CheckCircle2, Plus, Trash2 } from "lucide-react";
+import { CheckCircle2, Plus } from "lucide-react";
 
 import { useTranslations } from "@/lib/i18n/context";
+import { DeleteButton } from "@/components/data-list";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import {
@@ -365,16 +366,14 @@ function VorsorgeCard({
               <CheckCircle2 className="mr-1 h-4 w-4" />
               {t("measurementReminders.markDone")}
             </Button>
-            <Button
-              type="button"
-              size="sm"
-              variant="ghost"
-              onClick={onRemove}
-              disabled={busy}
-              aria-label={t("measurementReminders.delete")}
-            >
-              <Trash2 className="h-4 w-4" />
-            </Button>
+            <DeleteButton
+              onConfirm={onRemove}
+              title={t("measurementReminders.deleteConfirmTitle")}
+              description={t("measurementReminders.deleteConfirmDescription")}
+              confirmLabel={t("measurementReminders.delete")}
+              className="size-9"
+              iconClassName="h-4 w-4"
+            />
           </CardAction>
         </CardHeader>
         <CardContent className="space-y-1">