fix(ui): granular sleep sources, viewport-safe tour, one aligned settings language

A night with coarse apple-health samples next to granular watch data
showed only awake and asleep — the per-session source pick now prefers
the source that knows its stages. Tour popovers clamp into the
viewport, wrap their footer and fall back to a bottom sheet on narrow
screens. Settings and admin sections share one alignment rule — icon
column left, everything else flush on the content column — with neutral
header icons, no duplicated section titles under the shell heading, and
every select on the account-style idiom with a visible chevron. The
dashboard's customize icon matches insights, the target-settings link
leaves the home charts, and the mood heatmap adopts the damped fills
the other mood charts already use.

src/app/globals.css

@@ -171,6 +171,11 @@
   --secondary-foreground: #f8f8f2;
   --muted: #44475a;
   --muted-foreground: #9aa3b3;
+  /* NativeSelect chevron — a data-URI background-image cannot resolve
+   * `currentColor` (it falls back to black per the SVG spec), so the
+   * muted-foreground value is baked into the stroke per theme. Keep in
+   * sync with `--muted-foreground` above. */
+  --native-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa3b3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
   --accent: #44475a;
   --accent-foreground: #f8f8f2;
   --destructive: #ff5555;
@@ -266,6 +271,8 @@
   --secondary-foreground: #1f1f1f;
   --muted: #dcdeef;
   --muted-foreground: #5b6273;
+  /* Light-theme counterpart of the NativeSelect chevron (see dark block). */
+  --native-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b6273' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
   --accent: #dcdeef;
   --accent-foreground: #1f1f1f;
   --destructive: #cb3a2a;

src/app/page.tsx

@@ -13,11 +13,11 @@ import {
   Percent,
   Pill,
   Plus,
+  Settings2,
   Smile,
   Target,
   TrendingUp,
   Waves,
-  Wrench,
 } from "lucide-react";
 import { convertGlucose, resolveGlucoseUnit } from "@/lib/glucose";
 import { cn } from "@/lib/utils";
@@ -844,7 +844,7 @@ export default function DashboardPage() {
           <p className="text-muted-foreground mt-1 text-sm">{welcomeText}</p>
         </div>
         <div className="flex items-center gap-2">
-          {/* Wrench shortcut to the dashboard-customization settings
+          {/* Customize shortcut to the dashboard-customization settings
               (the tile/layout editor at /settings/dashboard). Sits to
               the left of the add button as a monochrome ghost icon, with
               a `min-h-11 min-w-11` mobile floor so it meets the 44 px
@@ -862,7 +862,7 @@ export default function DashboardPage() {
               aria-label={t("dashboard.customizeDashboard")}
               title={t("dashboard.customizeDashboard")}
             >
-              <Wrench className="h-4 w-4" aria-hidden="true" />
+              <Settings2 className="h-4 w-4" aria-hidden="true" />
             </Link>
           </Button>
           <DropdownMenu>
@@ -1456,7 +1456,6 @@ export default function DashboardPage() {
                 colors={["#bd93f9"]}
                 unit="kg"
                 valueBands={weightBands}
-                targetSettingsHref="/settings/thresholds"
                 compareBaseline={compareBaseline}
                 userTimezone={user?.timezone}
               />
@@ -1507,7 +1506,6 @@ export default function DashboardPage() {
                 unit="mmHg"
                 yAxisUnit="Hg"
                 targetZones={bpTargetZones}
-                targetSettingsHref="/settings/thresholds"
                 compareBaseline={compareBaseline}
                 userTimezone={user?.timezone}
               />