Create volunteerApplication Component

[carboninl]

Description

Implement the volunteerApplication component as a full-page form for collecting volunteer information, including personal details, emergency contact information, and liability form status. This component should be accessible via its own route and match the provided design.

Image

Acceptance Criteria

• Form renders all required fields:

  • Volunteer info (name, contact, address, demographics, sizing)
  • Emergency contact info
  • Liability form status + link

• Inputs are controlled and support validation (required fields, email format)

• "Save Changes" button submits form data

• Success/error states are handled on submission

• Layout matches design and is responsive

• Page is accessible via /volunteer-application

Steps

1. Create volunteerApplication component with structured form sections
2. Implement validation (required fields, email format, basic phone handling)
3. Build liability form section with link + status indicator
4. Style component to match design and ensure responsiveness
5. Create route /volunteer-application and connect component
6. Test form behavior, validation, and responsiveness