fix(onboarding): the path CTA breaks onto two lines at phone width

The connect step's new attention and credentials tiles link to the
integrations page with a label that names a path — "Open Settings →
Integrations". The button base is `whitespace-nowrap` with a fixed height and
`shrink-0`, so at 390 px the German and French renderings could neither shrink
nor wrap: the control ran 27 px past the viewport. The pre-existing connect
card was unaffected, its label being a short verb phrase; the path label and
the tiles that carry it are new, which is why the sweep passed before.

The CTA is bounded to its card, allowed to break between the words of the
path, and allowed to grow for the second line, with the 44 px tap target kept.
No copy moved, so the seven catalogues stay as they are.

src/components/onboarding/first-result-screen.tsx

@@ -360,7 +360,19 @@ function ConnectNoticeTile({
     >
       <p className="text-sm font-medium">{title}</p>
       <p className="text-muted-foreground text-sm">{detail}</p>
-      <Button asChild variant="outline" className="min-h-11">
+      {/* This CTA names a PATH — "Settings → Integrations" — which is the
+          longest label shape in the flow and the only button in the tree that
+          carries one. The button base is `whitespace-nowrap` with a fixed
+          height and `shrink-0`, so at 390 px a German or French rendering ran
+          27 px past the viewport instead of shrinking or breaking. It is
+          bounded to the card (`w-full`), allowed to break between the words
+          of the path (`whitespace-normal`) and allowed to grow for the second
+          line (`h-auto`, with the 44 px tap target kept by `min-h-11`). */}
+      <Button
+        asChild
+        variant="outline"
+        className="h-auto min-h-11 w-full py-2 text-center whitespace-normal"
+      >
         <Link href={href}>{cta}</Link>
       </Button>
     </div>