[frontend] App shell: header + nav + dark-only theme provider + footer + error boundary

[ozpool]

Context

Global chrome. Dark theme hardcoded (no light mode in v1).

Ref: PRISM_PRD_v1.0.html §Day 5.

Scope

In scope:

• app/layout.tsx with theme provider
• Header: logo, nav, wallet button
• Footer
• Error boundary around main

Out of scope:

• Light mode

Acceptance Criteria

• Error boundary catches + reports to Sentry ([ops] Monitoring: Tenderly alert rules + Sentry wiring (frontend + keeper) + incident runbook #66)
• All tx states rendered (idle/pending/success/error/wrong-network)
• wagmi v2 + viem v2 (not ethers)
• ABIs from packages/shared (never hand-maintained)
• Keyboard navigable; semantic HTML; WCAG AA contrast
• Responsive at 320 / 768 / 1280
• pnpm typecheck && pnpm lint && pnpm test pass

Dependencies

• Blocks: [frontend] Marketing landing page: hero + refraction narrative + features + CTA + footer #48, [frontend] Vault list page: data fetching + VaultCard components + link to detail #49, [frontend] Vault detail page layout: header + TVL/APR/share-price metrics + positions table #50
• Blocked by: [design] Brand tokens: PRISM spectrum palette + type scale + spacing + radii + shadows #1, [design] Component library (shadcn-aligned): buttons, inputs, cards, modals, toasts #4, [frontend] Monorepo scaffold: apps/web with Next.js 14 App Router (no src-dir) + Tailwind #43, [frontend] Providers: wagmi v2 + viem v2 + RainbowKit v2 + TanStack Query on Base Sepolia #44

References

• N/A

Estimate

S