chore(dashboard): horizontal-scroll the tile strip on narrow viewports and wrap the onboarding header

v1.4.27 MB7 / CF-42 + CF-44 — the dashboard tile strip switches to a
`flex overflow-x-auto` row at `<sm` so the tiles scroll horizontally
instead of wrapping to 3-4 rows on Pixel 5 / Galaxy Fold. From `sm:`
upwards the strip falls back to the canonical grid `auto-fit +
minmax(9rem, 1fr)` layout the maintainer pinned in v1.4.4. The
getting-started checklist header wraps onto a second row when the
title + dismiss button overflow, and `min-w-0` + `truncate` keep
the title from pushing the chevron off-screen on Galaxy Fold.

src/components/onboarding/getting-started-checklist.tsx

@@ -319,13 +319,20 @@ export function GettingStartedChecklist() {
       aria-labelledby="getting-started-title"
       className="bg-card border-border space-y-4 rounded-2xl border p-5 sm:p-6"
     >
-      <header className="flex items-start justify-between gap-3">
+      {/* v1.4.27 MB7 / CF-44 — `flex-wrap` on the header lets the
+          dismiss button drop to its own row when the German title +
+          subtitle overflow the visible width on Galaxy Fold / Pixel 5
+          (the previous `flex` layout collided the dismiss caption
+          against the chevron). `min-w-0` on the toggle button lets
+          the inner `<h2>` shrink + truncate cleanly instead of
+          pushing the chevron off-screen. */}
+      <header className="flex flex-wrap items-start justify-between gap-3">
         <button
           type="button"
           onClick={() => setExpanded((prev) => !prev)}
           aria-expanded={expanded}
           aria-controls="getting-started-body"
-          className="hover:text-foreground -m-1 flex flex-1 items-center gap-2 rounded-md p-1 text-left transition-colors"
+          className="hover:text-foreground -m-1 flex min-w-0 flex-1 items-center gap-2 rounded-md p-1 text-left transition-colors"
         >
           <ChevronDown
             aria-hidden="true"
@@ -335,10 +342,10 @@ export function GettingStartedChecklist() {
                 : "size-4 shrink-0 -rotate-90 transition-transform"
             }
           />
-          <div className="space-y-1">
+          <div className="min-w-0 space-y-1">
             <h2
               id="getting-started-title"
-              className="text-base font-semibold tracking-tight"
+              className="truncate text-base font-semibold tracking-tight"
             >
               {t("gettingStarted.title")}
             </h2>