Problem
The frontend quality gate is vacuous without at least one component, one test, and one network call.
Proposed solution
Build App.tsx rendering a status panel that fetches /api/v1/health on mount and shows ok / error. Port the CSS-variable palette from frontend/src/styles/ (theme tokens: --bg-primary, --text-primary, --accent-*). Add App.test.tsx using @testing-library/react to mock the fetch and assert the rendered status.
Acceptance criteria
Priority rationale
Medium: provides a concrete starting point so users aren't staring at a blank App.tsx.
Depends on
#21, #22
Problem
The frontend quality gate is vacuous without at least one component, one test, and one network call.
Proposed solution
Build
App.tsxrendering a status panel that fetches/api/v1/healthon mount and showsok/error. Port the CSS-variable palette fromfrontend/src/styles/(theme tokens:--bg-primary,--text-primary,--accent-*). AddApp.test.tsxusing@testing-library/reactto mock the fetch and assert the rendered status.Acceptance criteria
npm run check && npm run test && npm run buildexits 0.Priority rationale
Medium: provides a concrete starting point so users aren't staring at a blank App.tsx.
Depends on
#21, #22