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/symptoms/symptoms-section.tsx

@@ -68,6 +68,7 @@ import {
   useSymptomEvents,
   useUpdateSymptomDefinition,
 } from "./use-symptoms";
+import { EmptyState } from "@/components/ui/empty-state";
 
 const DAY_MS = 24 * 60 * 60 * 1000;
 
@@ -489,9 +490,11 @@ export function SymptomsSection() {
             {t("symptoms.section.recent")}
           </p>
           {days.length === 0 ? (
-            <p className="text-muted-foreground text-sm">
-              {t("symptoms.section.recentEmpty")}
-            </p>
+            <EmptyState
+              variant="plain"
+              size="compact"
+              title={t("symptoms.section.recentEmpty")}
+            />
           ) : (
             <div className="space-y-3">
               {days.map((group) => (