refactor: refine my profile screen

[GaelCondeLosada]

What I did

Refined and improved slightly the "my profile" screen:

• Used the styles in profileStyles.ts instead of local styles for the global profile layout.
• Pass the navigation as a property for the screen.
• Added a SectionTabs and removed the search bar to prepare the screen to host the events and interests parts.
• Modified the tests to reflect the changes.

How I did it

With the code editor VScode.

How to verify it

• Launch the app in expo go and go to "my profile" in the top left.
• Run the tests.

Demo video

Here is the slightly modified "my profile" screen.

WhatsApp.Video.2024-04-22.at.20.41.27_b85c9670.mp4

Pre-merge checklist

The changes I have introduced:

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

[Aidasvenc]

How I did it
With the code editor VScode.

Perfection

[Aidasvenc]

Perfect! I am really proud of you improving with React Native so fast. Good job!

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

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

See analysis details on SonarCloud