[UI/UX Design] Convert CreateVault into a guided multi-step wizard with review step

[1nonlypiece]

[UI/UX Design] Convert CreateVault into a guided multi-step wizard with review step

Description

src/pages/CreateVault.tsx collects amount, deadline, and success/failure addresses in one flat form. Given the financial consequence of locking USDC, this issue restructures it into an accessible multi-step wizard (Amount and Deadline, Destinations, Review and Confirm) with a progress indicator.

Requirements and context

• Must be secure, tested, and documented
• Should be efficient and easy to review
• Add an accessible step indicator with aria-current="step"
• Provide a Review step summarizing amount, deadline, and destinations before submit
• Reuse the Field and Button components and preserve per-step validation
• Maintain the 400px form column and token styling

Suggested execution

• Fork the repo and create a branch
• git checkout -b feature/create-vault-wizard
• Implement changes
  • Refactor src/pages/CreateVault.tsx into step components
  • Write src/pages/__tests__/CreateVaultWizard.test.tsx
  • Document the wizard flow in README
  • Verify focus moves to each step heading and back/next keyboard support
• Test and commit
  • Run tests, cover edge cases
  • Include test output and notes

Example commit message

feat: multi-step CreateVault wizard with review step

Guidelines

• Minimum 95 percent test coverage
• Clear documentation
• Timeframe: 96 hours