feat: Implement settings page

[v-almonacid]

This implements most of the user settings sections (rate us is missing).
For updating the profile we allow users to change their handle for now:

[Xavier-Charles]

Looks good. Just style issues and there is no feedback while saving the username.

[v-almonacid]

Looks good. Just style issues and there is no feedback while saving the username.

We can't add toasts here. They are hidden behind the modal, and I couldn't find a way to make it work.

What style issues do you see?

[Xavier-Charles]

What style issues do you see?

1. We usually but the label above the text not beside it. Check the FormInput Element
2. The Input bar should be full width
3. Add some space between the header and the input
4. Enter key should trigger save
5. Reduce the space between the button and input

[Xavier-Charles]

Looks good. Just style issues and there is no feedback while saving the username.

How about a loading modal just as we have the congratulations modal after sign up.

[v-almonacid]

@Xavier-Charles

We usually but the label above the text not beside it. Check the FormInput Element

By usually you mean where? I did it that way first but didn't like the result. I didn't see design specs for this type of forms but I'll check the FormElement component.

Enter key should trigger save

You usually don't press enter on a mobile phone.

Agree with the rest.

[v-almonacid]

Looks good. Just style issues and there is no feedback while saving the username.

How about a loading modal just as we have the congratulations modal after sign up.

A modal on top of a modal is usually not a good practice. One alternative could be to close this modal and then show a toast (or a modal as you say), but it's not the best UX IMO.

[v-almonacid]

Used FormInput as suggested. Looking better. Merging for now, we'll polish later.