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/gamification/recent-achievements-card.tsx

@@ -27,6 +27,7 @@ import { useAchievementsQuery } from "@/lib/queries/use-achievements-query";
 import type { AchievementProgress } from "@/lib/gamification/achievements";
 import { Skeleton } from "@/components/ui/skeleton";
 import { TileHeader } from "@/components/insights/tile-header";
+import { EmptyState } from "@/components/ui/empty-state";
 
 const iconMap: Record<string, LucideIcon> = {
   Activity,
@@ -168,9 +169,11 @@ export function RecentAchievementsCard() {
           ))}
         </ul>
       ) : recent.length === 0 ? (
-        <p className="text-muted-foreground py-2 text-sm">
-          {t("achievements.dashboardCard.empty")}
-        </p>
+        <EmptyState
+          variant="plain"
+          size="compact"
+          title={t("achievements.dashboardCard.empty")}
+        />
       ) : (
         <ul className="space-y-2">
           {recent.map((achievement) => {