Donation form - Step 1

[thaninbew]

Overview

Please read: Refactor the current donation form implementation to follow the new design pattern below.
Do not implement the step progress bar at this stage. A barebones implementation has been implemented, feel free to change/remove anything to match the current design.
The form will be structured as a parent DonationForm with four child components responsible for each step in the flow. This ticket is the Step 1 child component.

Overall Component Structure (don't implement all of this)

• DonationForm (parent; manages step state, logic, and shared form data)
  • Step1Amount — Choose donation amount and recurrence (one-time, weekly, monthly, yearly)
  • Step2Details — Enter name, card/payment info, email, and tip
  • Step3Confirm — Review donation details; final confirmation before submitting
  • Step4Receipt — Display receipt or thank you message after successful donation

References

[gscott04]

Current progress, need to work more on css styling.