fix(web): apply text-display to page headers and brand nav

Page title h1 and mobile/sidebar brand labels now opt into the DS
text-display utility (with Mondwest on brand wordmarks) so chrome stays
uppercase after removing the global App root transform.

Co-authored-by: Cursor <cursoragent@cursor.com>

web/src/App.tsx

@@ -448,6 +448,7 @@ export default function App() {
         </Button>
 
         <Typography
+          mondwest
           className="text-display font-bold text-[0.95rem] leading-[0.95] tracking-[0.05em] text-midground"
           style={{ mixBlendMode: "plus-lighter" }}
         >
@@ -498,6 +499,7 @@ export default function App() {
                 <PluginSlot name="header-left" />
 
                 <Typography
+                  mondwest
                   className="text-display font-bold text-[1.125rem] leading-[0.95] tracking-[0.0525rem] text-midground"
                   style={{ mixBlendMode: "plus-lighter" }}
                 >

web/src/contexts/PageHeaderProvider.tsx

@@ -81,7 +81,7 @@ export function PageHeaderProvider({
             >
               <h1
                 className={cn(
-                  "font-expanded min-w-0 text-sm font-bold tracking-[0.08em] text-midground",
+                  "font-expanded text-display min-w-0 text-sm font-bold tracking-[0.08em] text-midground",
                   afterTitle && isEnvRoute
                     ? "max-w-full sm:min-w-0 sm:shrink sm:truncate"
                     : afterTitle