fix(ui): keep the page-header title a sibling of its description

The grid change wrapped the heading in a cell div, which separated it
from the description paragraph the settings-score spec reads as its
following sibling. The heading is the grid item itself now.

src/components/ui/page-header.tsx

@@ -33,7 +33,7 @@ import { cn } from "@/lib/utils";
  * `wrap-break-word` floor covers a word the hyphenation dictionary does not.
  */
 const HEADING_CLASS =
-  "text-2xl font-bold tracking-tight hyphens-auto wrap-break-word";
+  "min-w-0 text-2xl font-bold tracking-tight hyphens-auto wrap-break-word";
 
 export function PageHeader({
   title,
@@ -91,7 +91,7 @@ export function PageHeader({
           actions && stackActionsOnPhone && "max-sm:grid-cols-1",
         )}
       >
-        <div className="min-w-0">{heading}</div>
+        {heading}
         {actions ? (
           <div
             className={cn(