Configure Preferences card should have a Save button that can submit the form

[omnisci3nce]

UI

• "Save" button in bottom right of card
• default colour

Form

Follow the patterns in components/LoginForm

• create a form variable with useForm passing in PreferencesFormFields for the type parameter, and set default initial values.
• use {...form.getInputProps('username', { withError: false })} to connect each input field up to the form hook (replace with correct property name instead of 'username')
• wrap the form fields in a <form></form> element and set the onSubmit property of the form element to just console.log the values

[omnisci3nce]

Update from Discord:

ok I worked on the Preferences card a bit. I've figured out how to combine React Query with the useForm from mantine
just for that specific form
it's a little overkill otherwise I think but in this case after you click "Save" we want to refetch the data and then always have the form open instead of how you'd traditionally submit the form then close the form or modal, or navigate away
which we can do with the invalidate of React Query
So, that's nice. Took a while but we got there