web: unify page headers into one shared page-header bar

Every full-page view now renders the same sticky top bar (back button,
title, right-side actions) from the new web/css/page-header.css,
replacing a dozen per-page duplicates (.page-panel-header,
.project-page-header, .task-page-header, .llm-page-header, .um-header,
.apr-header, .llmr-header, .pv-header, .sa-header, .config-page-header,
.agents-page-header). Pages that padded the whole container (config,
agents, system-agents, llm-requests, models-hub) move that padding into
a body wrapper so the bar sits flush and stays pinned on scroll.
Back buttons are standardized to the icon-only .page-header-back.

web/components/config-page.js

@@ -116,10 +116,13 @@ export class ConfigPage extends LightElement {
   render() {
     return html`
       <div class="config-page">
-        <div class="config-page-header">
-          <h2 class="llm-page-title">${t('config.title')}</h2>
+        <div class="page-header">
+          <div class="page-header-left">
+            <h2 class="page-header-title">${t('config.title')}</h2>
+          </div>
         </div>
 
+        <div class="config-body">
         ${this._error ? html`
           <div class="alert alert-danger">${this._error}</div>` : nothing}
 
@@ -156,6 +159,7 @@ export class ConfigPage extends LightElement {
             </div>
           </div>
         </div>
+        </div>
       </div>`;
   }
 }