- **Difficulty`: intermediate · **Effort`: M · **Impact`: every form - **Problem Statement` `frontend/src/pages/form/Form.jsx`, `Withdrawal/Withdraw.jsx`, `add-deposit/AddDeposit.jsx`, `stake/Stake.jsx` use `placeholder` attributes only. No real-time validation, no error text. - **Expected Outcome` Zod-validated forms with `react-hook-form`. Inline error text. - **Acceptance Criteria` - [ ] Bad input shows inline error <200ms. - [ ] Submit blocked until valid. - [ ] ADX-tested (Axe DevTools) zero violations. - **Files / Modules Affected` - the four form pages - `Dependencies`: standalone.
: intermediate · **Effort: M · **Impact`: every formfrontend/src/pages/form/Form.jsx,Withdrawal/Withdraw.jsx,add-deposit/AddDeposit.jsx,stake/Stake.jsxuseplaceholder`attributes only. No real-time validation, no error text.
Zod-validated forms withreact-hook-form`. Inline error text.Dependencies: standalone.