feat: choose point on map for events

[GaelCondeLosada]

What I did

• Added a screen for the user to select a location on the map.
• Added a button that redirect to this screen in EventCreationScreen

How I did it

• Created the SelectLocationScreen and added it to navigation. The screen manages it's own point state internally (meaning the currently selected location is managed internally) but when navigating you can give a call back function for when the date change, the same way as a TextInput.
• Used react-native-maps to implement the map.
• Added a button in EventCreationScreen that redirects to this screen with the right callback function.
• Modified tests to reflect changes.

How to verify it

Launch the application in expo go:

• Go into EventCreationScreen
• Create a new event and add a location (Note that there is a warning but it will be fixed in another PR also fixing the warnings in the other maps)
• Try to click at multiples places (note that if you click on the name of a city for example the click does not register)
• Try to confirmate the location
• Go back to modify the location, see if it registered correctly
• Save the event
• You can go in the database and check if the location point is good

Demo video

WhatsApp.Video.2024-05-13.at.23.47.01_2a3ae089.mp4

Pre-merge checklist

The changes I have introduced:

• work correctly
• do not break other functionalities
• work correctly on Android
• are fully tested

[alexandre-mrt]

Just a reminder to delete the log. Otherwise LGTM

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
81.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[alexandre-mrt]

LGTM

[AlbertoCentonze]

Hey Gael, thanks for the PR! Can you help me understand why you passed navigation as a prop instead of using the hook as we were doing before?

Also I saw managed to pass functions through navigate which I couldn't do before, is it for this reason that you passed navigation as a prop?