[frontend] Providers: wagmi v2 + viem v2 + RainbowKit v2 + TanStack Query on Base Sepolia

[ozpool]

Context

Web3 providers wired up. Base Sepolia is the only supported chain in v1. RainbowKit handles wallet UX.

Ref: PRISM_PRD_v1.0.html §Day 1, §Day 5.

Scope

In scope:

• apps/web/src/lib/wagmi.ts
• Providers in providers.tsx: WagmiProvider, QueryClientProvider, RainbowKitProvider
• Base Sepolia chain config

Out of scope:

• Mainnet/other chains

Acceptance Criteria

• Wallet connect + switch-network to Base Sepolia works end-to-end
• 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] 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, [frontend] Deposit form: paired amount inputs + approval flow + preview + tx state machine #52, [frontend] Withdraw form: share input + proportional preview + tx state machine #53, [frontend] Wallet/network errors: wrong-network banner, disconnect flow, tx-rejection toast #54
• Blocked by: [frontend] Monorepo scaffold: apps/web with Next.js 14 App Router (no src-dir) + Tailwind #43

References

• wagmi v2, viem v2, RainbowKit v2

Estimate

S