fix(mobile): hit WCAG 2.5.5 44 px touch-target floor across top-bar + section strips

Pixel-5 (393 px) audit flagged four primary navigation surfaces that
were below the 44 px touch-target floor:

  - TopBar user-menu trigger and login link: text-only flex with
    py-1.5 measured ~30 px tall. Added min-h-11 min-w-11 with a
    rounded hit zone so the trigger lands on the WCAG floor without
    visibly altering the icon's position.

  - SettingsShell mobile section chip-strip and AdminShell mobile
    section chip-strip: rounded-full chips with py-1.5 were ~30 px
    tall. The mobile chip-strips are the primary navigation surface
    for /settings and /admin on touch devices, so min-h-11 was added
    to both.

  - medication-form schedule interval picker (1W / 2W / 3W / 4W):
    h-8 native buttons inside a 4-col grid; min-h-11 brings them up
    to the floor without changing column width.

Also normalised the medications page-root spacing from space-y-5 to
space-y-6 to match dashboard / measurements / mood / notifications.

src/app/medications/page.tsx

@@ -120,7 +120,7 @@ export default function MedicationsPage() {
 
   if (!isAuthenticated) {
     return (
-      <div className="space-y-5">
+      <div className="space-y-6">
         <div className="space-y-1">
           <h1 className="text-2xl font-bold tracking-tight">
             {t("medications.title")}
@@ -143,7 +143,7 @@ export default function MedicationsPage() {
   const inactiveMeds = medsArray.filter((m) => !m.active).sort(byName);
 
   return (
-    <div className="space-y-5">
+    <div className="space-y-6">
       <div className="flex items-start justify-between gap-3">
         <div className="space-y-1">
           <h1 className="text-2xl font-bold tracking-tight">
@@ -195,7 +195,7 @@ export default function MedicationsPage() {
           }
         />
       ) : (
-        <div className="space-y-5">
+        <div className="space-y-6">
           {/* Active medications */}
           {activeMeds.length > 0 && (
             <div className="space-y-3.5">

src/components/admin/admin-shell.tsx

@@ -170,7 +170,10 @@ export function AdminShell({ active, children }: AdminShellProps) {
               href="/admin"
               aria-current={activeSlug === null ? "page" : undefined}
               className={cn(
-                "flex items-center gap-2 rounded-full border px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors",
+                // v1.4.25 W8 — chip strip is the primary mobile-admin
+                // navigation surface. Pad to WCAG 2.5.5 44 px so the
+                // chips can be tapped without zoom on a Pixel-5.
+                "flex min-h-11 items-center gap-2 rounded-full border px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors",
                 activeSlug === null
                   ? "border-primary/40 bg-primary/10 text-primary"
                   : "border-border text-foreground hover:bg-accent",
@@ -189,7 +192,10 @@ export function AdminShell({ active, children }: AdminShellProps) {
                   href={`/admin/${section.slug}`}
                   aria-current={isActive ? "page" : undefined}
                   className={cn(
-                    "flex items-center gap-2 rounded-full border px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors",
+                    // v1.4.25 W8 — chip strip is the primary mobile-admin
+                // navigation surface. Pad to WCAG 2.5.5 44 px so the
+                // chips can be tapped without zoom on a Pixel-5.
+                "flex min-h-11 items-center gap-2 rounded-full border px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors",
                     isActive
                       ? "border-primary/40 bg-primary/10 text-primary"
                       : "border-border text-foreground hover:bg-accent",

src/components/layout/top-bar.tsx

@@ -61,7 +61,9 @@ export function TopBar() {
           <DropdownMenu>
             <DropdownMenuTrigger
               aria-label={t("nav.userMenu")}
-              className="text-muted-foreground hover:text-foreground flex items-center gap-1.5 rounded-md px-2 py-1.5 text-sm transition-colors focus:outline-none"
+              // v1.4.25 W8 — hit the WCAG 2.5.5 44 px touch-target floor on
+              // mobile. The text-only py-1.5 was previously ~30 px tall.
+              className="text-muted-foreground hover:text-foreground flex min-h-11 min-w-11 items-center gap-1.5 rounded-md px-2 py-1.5 text-sm transition-colors focus:outline-none"
             >
               <User className="h-4 w-4" />
               <span className="hidden sm:inline">{user.username}</span>
@@ -128,7 +130,8 @@ export function TopBar() {
         ) : (
           <Link
             href="/auth/login"
-            className="text-muted-foreground hover:text-foreground flex items-center gap-2 text-sm transition-colors"
+            // v1.4.25 W8 — match the WCAG 2.5.5 44 px touch-target floor.
+            className="text-muted-foreground hover:text-foreground flex min-h-11 min-w-11 items-center gap-2 rounded-md px-2 text-sm transition-colors"
           >
             <LogIn className="h-4 w-4" />
             <span className="hidden sm:inline">{t("nav.login")}</span>

src/components/medications/medication-form.tsx

@@ -849,7 +849,7 @@ export function MedicationForm({
                         onClick={() =>
                           updateSchedule(i, "intervalWeeks", weeks)
                         }
-                        className={`h-8 rounded-md border text-xs font-medium transition-colors ${
+                        className={`min-h-11 rounded-md border text-xs font-medium transition-colors ${
                           s.intervalWeeks === weeks
                             ? "border-primary bg-primary text-primary-foreground"
                             : "border-border/70 bg-muted text-foreground/70 hover:bg-accent hover:text-foreground"

src/components/settings/settings-shell.tsx

@@ -158,7 +158,10 @@ export function SettingsShell({ active, children }: SettingsShellProps) {
                   href={`/settings/${section.slug}`}
                   aria-current={isActive ? "page" : undefined}
                   className={cn(
-                    "flex items-center gap-2 rounded-full border px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors",
+                    // v1.4.25 W8 — chip strip is the primary mobile-settings
+                    // navigation surface. Pad to WCAG 2.5.5 44 px so the
+                    // chips can be tapped without zoom on a Pixel-5.
+                    "flex min-h-11 items-center gap-2 rounded-full border px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors",
                     isActive
                       ? "border-primary/40 bg-primary/10 text-primary"
                       : "border-border text-foreground hover:bg-accent",