Create a multistep form to register adoption

[belgamo]

Task

Let's recreate our old adoption register screen. This time, we want to split it into multiple screens in order to provide a better user experience. So for each field, we must have a dedicated screen and a "Next" button to advance to the next step. I suggest using react-hook-form to manage the form state and react-query for handling requests.

Validation

We also want to improve the error feedback. Let's use a tooltip to show errors. The snackbars should show up if the user tries to advance by clicking on the next button and the data typed on the field is not valid.

Photos upload

Let's keep the same user experience allowing the user to upload up to 3 pictures.

Endpoints

We already have the backend endpoints for basic crud ready to use.

Create adoption -> POST api/v1/adoptions

Tests

Please do not forget to add tests. I suggest react-testing-library.

Screenshots/Examples

[joaoGabriel55]

I can take this

[belgamo]

Please we haven't setup our design system yet. Use react-native-paper. Ping me on discord if you have any questions.

[belgamo]

Added more issues to finish this task:

#147
#148
#149