Create the volunteer scoped AvailabilitySettingsContent settings section

[theosiemensrhodes]

Context

This is a section of the settings dialog. The main place you will need to make changes is src/components/settings/pages/availability-settings-content.tsx. You will need to add sections for volunteers to update their availability and preferred time commitment in hours.

• For setting their availability, you might be able to use /Users/theosr/Documents/launchpad/neuron/src/components/profile/availability-input.tsx however based on Update volunteer availability to be any chunk of time. #158 you might need to either update it or choose a different way to set availability. A better way might be an approach like this:
  https://v0.app/chat/availability-component-nBb1tojEbMY?ref=C1ZVG0
• For setting their preferred time commitment you can use a simple number input.

You can use src/server/api/routers/volunteer-router.updateVolunteerAvailability to update the availability bitstring and then add the perferred time commitment to that payload to update that at the same time.

Partially Depends on:

• Update volunteer availability to be any chunk of time. #158, however you can definitely get started before it is finished

Notes

• Make sure to use our form components and methodology for the form. We use react-hook-form and there are examples of it being use all over the codebase, for example the login page