feat: qr code generation and display

[GaelCondeLosada]

What I did

• I implemented the MyQrScreen that generate a qr code for each user that others can use to add them as contact.
• I created an empty AddContactScreen and used deep linking so that we are redirected to this screen in the app when scanning a specific qr code.
• The uid of the user is also passed as property when scanning the qr code.

How I did it

• Added dependency : react-native-qrcode-svg to generate qr codes.
• Added dependency: expo-linking for the app to use deep linking.
• Implemented qr code generation into MyQrScreen.
• Created file AddContactScreen and added it to the navigator.
• Setup the deep linking into App.tsx (only to add contacts for now). Note that I had to invert the NavigationContainer and the SafeAreaProvider order to make it work.
• Added and adapted tests for all new files and new functionalities.

How to verify it

• You can go to my profile and then QR to see the screen.
• You can then get the QR code and scan it with your phone to see if it redirects you to the right screen in the app.
• You can also run the tests.

Demo video

WhatsApp.Video.2024-04-25.at.00.41.21_603844e9.mp4

Pre-merge checklist

The changes I have introduced:

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

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

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

See analysis details on SonarCloud

[alexandre-mrt]

LGTM