refactor(ui): move 62 hand-written empty states onto EmptyState

The admin sections, the cycle, illness, medication, mood, records and
settings cards, the pickers and dialogs said nothing-here-yet in a
hand-written muted paragraph in five sizes and three alignments. List
and section states now render through EmptyState (plain, compact; the
three with a next step carry it as the action), and the six chart
bodies through ChartEmptyState at their former height. The thirteen
that stay are a field without a value or a hint inside an editor, not
a list state. The ratchet ceiling drops from 75 to 13.

src/components/illness/illness-day-timeline.tsx

@@ -26,6 +26,7 @@ import { ILLNESS_SYMPTOM_CATALOG } from "./symptom-catalog";
 import { useIllnessDayLogList } from "./use-illness";
 import type { IllnessDayLogDTO } from "./types";
 import { QueryErrorRow } from "@/components/ui/query-error-row";
+import { EmptyState } from "@/components/ui/empty-state";
 
 function symptomLabelKey(key: string): string | null {
   return ILLNESS_SYMPTOM_CATALOG.find((s) => s.key === key)?.labelKey ?? null;
@@ -64,9 +65,11 @@ function DayLogRow({ log }: { log: IllnessDayLogDTO }) {
           })}
         </div>
       ) : (
-        <p className="text-muted-foreground text-sm">
-          {t("illness.timeline.noSymptoms")}
-        </p>
+        <EmptyState
+          variant="plain"
+          size="compact"
+          title={t("illness.timeline.noSymptoms")}
+        />
       )}
 
       {log.functionalImpact !== null ? (
@@ -134,20 +137,18 @@ export function IllnessDayTimeline({
             onRetry={() => void refetch()}
           />
         ) : dayLogs.length === 0 ? (
-          <div className="space-y-3">
-            <p className="text-muted-foreground text-sm">
-              {t("illness.timeline.empty")}
-            </p>
-            {canManageIllness && (
-              <Button
-                variant="outline"
-                className="min-h-11 sm:min-h-9"
-                onClick={onLogDay}
-              >
-                {t("illness.logDay")}
-              </Button>
-            )}
-          </div>
+          <EmptyState
+            variant="plain"
+            size="compact"
+            title={t("illness.timeline.empty")}
+            action={
+              canManageIllness ? (
+                <Button variant="outline" onClick={onLogDay}>
+                  {t("illness.logDay")}
+                </Button>
+              ) : undefined
+            }
+          />
         ) : (
           <div className="space-y-4">
             {dayLogs.map((log) => (

src/components/illness/illness-insights-card.tsx

@@ -21,6 +21,7 @@ import { useTranslations } from "@/lib/i18n/context";
 
 import { useIllnessInsights } from "./use-illness";
 import { QueryErrorRow } from "@/components/ui/query-error-row";
+import { EmptyState } from "@/components/ui/empty-state";
 
 export function IllnessInsightsCard({
   windowDays = 365,
@@ -64,9 +65,11 @@ export function IllnessInsightsCard({
             onRetry={() => void counts.refetch()}
           />
         ) : !hasEpisodes ? (
-          <p className="text-muted-foreground text-sm">
-            {t("illness.insights.none")}
-          </p>
+          <EmptyState
+            variant="plain"
+            size="compact"
+            title={t("illness.insights.none")}
+          />
         ) : (
           <div className="space-y-4 text-sm">
             <p className="text-foreground">