Unify page layouts, compact headers and shared UI styling

frontend/app/page.tsx

@@ -1,5 +1,7 @@
 'use client'
 
+import PageHeading from './ui/PageHeading'
+
 import { useRouter } from 'next/navigation'
 import { useEffect, useState } from 'react'
 import { authFetch, getApiBase, getToken, clearToken, getEventStreamToken } from './lib/auth'
@@ -261,12 +263,7 @@ export default function HomePage() {
 
   return (
     <main className="card home-page">
-      <section className="home-command">
-        <div className="home-command-copy">
-          <span className="section-kicker">Media operations</span>
-          <h1>My requests</h1>
-          <p>Manage and track your media processing queue.</p>
-        </div>
+      <PageHeading title="My requests" description="Follow your requests from collection to ready to watch." actions={
         <form onSubmit={submit} className="home-search">
           <label htmlFor="request-search">Title, year, or request number</label>
           <div className="home-search-row">
@@ -279,7 +276,7 @@ export default function HomePage() {
             <button type="submit">Find request</button>
           </div>
         </form>
-      </section>
+      } />
 
       {(searchError || searchResults.length > 0) && (
         <section className="home-search-results" aria-live="polite">