Update dashboard presenter to clone CAO style with GitHub Primer and Octicons

[Copilot]

Aligns the Dashboard Language presenter in pages/dashboard/ with the visual identity and structural layout of the Central Agentic Ops dashboard (.github/scripts/pages-report/report.mjs) using GitHub Primer design tokens and Octicons.

Architecture & Design Tokens

• Primer Design Tokens (src/styles.js): Implemented Primer custom properties (--canvas, --canvas-subtle, --fg, --muted, --border, --accent, --success, --danger, --attention) with light, dark, high-contrast, and print media queries.
• App Shell & Layout: Styled the two-column .app-shell layout with collapsible .org-sidebar, top breadcrumb bar (.top-nav), .overview-header with .lede, metric card grids (.data-state-summary.metrics), and responsive table regions (.table-region).

Octicons & Brand Assets

• SVG DOM Support (src/dom.js): Added SVG namespace resolution (http://www.w3.org/2000/svg) for vector tag creation in the reactive DOM builder.
• Octicons & Mark (src/octicons.js): Created SVG helpers for core navigation and status Octicons (workflow, server, repo, package, play, check, alert, x-circle, eye, clock) along with the CAO brand mark.

Presentation Components & Presenter

• Status & Mode Badges (src/components/badge.js): Added reusable badge components for rollout modes (.mode-live, .mode-review), active states, and conclusion statuses (.status-success, .status-attention, .status-danger).
• Data-State Metrics (src/components/data-state.js): Added modular metric cards evaluating availability, completeness, and freshness axes derived from source metadata.
• Presenter Integration (src/presenter.js): Structured renderDashboard to emit the complete .dashboard-root > .app-shell hierarchy with sidebar navigation, breadcrumbs, overview header, and Primer data tables.

Example Layout Output

import { renderDashboard } from './src/presenter.js';

const element = renderDashboard({
  document: {
    languageVersion: '0.1.0',
    dashboard: {
      id: 'ops-dashboard',
      title: 'Operations Dashboard',
      description: 'Agentic workflow execution health',
      pages: [{ id: 'workflows', kind: 'built-in', page: 'workflows' }]
    }
  },
  sources: { /* logical sources with metadata */ }
});

// Emits:
// <div class="dashboard-root">
//   <style>...</style>
//   <a class="skip-link" href="#main-content">Skip to main content</a>
//   <div class="app-shell">
//     <aside class="org-sidebar">...</aside>
//     <div class="app-main">
//       <nav class="top-nav breadcrumb">...</nav>
//       <main id="main-content" class="dashboard-prototype">
//         <header class="overview-header">...</header>
//         <div class="report-body">...</div>
//         <footer class="report-footer">...</footer>
//       </main>
//     </div>
//   </div>
// </div>

[pelikhan]

@copilot resolve the merge conflicts on this branch.

[Copilot]

@copilot resolve the merge conflicts on this branch.

The merge conflicts with main have been resolved in commit 2236394. All unit and Playwright end-to-end tests are passing.