Match Blog and Shop heading sizes back to text-display

Blog's own hero already used text-display; ShopHeader.tsx used the
smaller text-h-feature, reading as inconsistent next to it. Both now
use text-display.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018unaXmuzVA8ct1b6WoyP1U

app/blog/page.tsx

@@ -77,7 +77,7 @@ export default async function BlogOverviewPage({
               <span className="text-text-primary">Blog</span>
             </p>
             <p
-              className="font-semibold text-h-feature text-text-primary"
+              className="font-semibold text-display text-text-primary"
               style={{ fontFamily: "var(--font-lora)" }}
             >
               Blog

app/shop/components/ShopHeader.tsx

@@ -10,7 +10,7 @@ export function ShopHeader() {
         <span className="text-text-primary">Shop</span>
       </p>
       <p
-        className="font-semibold text-h-feature text-text-primary"
+        className="font-semibold text-display text-text-primary"
         style={{ fontFamily: "var(--font-lora)" }}
       >
         Shop