chore(Cross): [IOAPPX-217] Add NativeStackNavigator to the Design System section

[dmnplb]

Note

This PR depends on #5415

Caution

This PR causes some issues to the RootModal component, as pointed out by @shadowsheep1: #5415 (review)

Short description

This PR adds the new NativeStackNavigator to the Design System section. This change enables a true native modal behaviour on iOS (including pull down to dismiss), other than a native navigation on both platforms.

List of changes proposed in this pull request

• Use createNativeStackNavigator to create the native navigator
• Remove previously nested navigator thanks to the new API offered by the 6.x version
• Update react-native-screens
• Add the new @react-navigation/native-stack package

Preview

design-system-native-navigation.mp4

How to test

Launch the local app and go to the Design System section

[codecov]

Codecov Report

Attention: Patch coverage is 9.09091% with 10 lines in your changes are missing coverage. Please review.

Project coverage is 48.17%. Comparing base (9f72690) to head (ba1cf49).
Report is 12 commits behind head on master.

❗ Current head ba1cf49 differs from pull request most recent head ebcc7e7. Consider uploading reports for the commit ebcc7e7 to get more accurate results

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #5424      +/-   ##
==========================================
- Coverage   48.31%   48.17%   -0.15%     
==========================================
  Files        1466     1461       -5     
  Lines       31114    30959     -155     
  Branches     7559     7518      -41     
==========================================
- Hits        15034    14913     -121     
+ Misses      16011    15978      -33     
+ Partials       69       68       -1     

Files	Coverage Δ
...ures/bonus/common/screens/AvailableBonusScreen.tsx	8.92% <ø> (ø)
ts/features/design-system/DesignSystem.tsx	34.78% <ø> (ø)
ts/features/fci/hooks/useFciNoSignatureFields.tsx	52.94% <ø> (ø)
ts/features/fci/navigation/FciStackNavigator.tsx	75.00% <ø> (ø)
...eatures/fci/screens/valid/FciDataSharingScreen.tsx	70.45% <ø> (ø)
...eatures/fci/screens/valid/FciQtspClausesScreen.tsx	71.11% <ø> (ø)
...features/messages/navigation/MessagesNavigator.tsx	15.38% <ø> (ø)
...res/messages/screens/LegacyMessageDetailScreen.tsx	8.33% <ø> (ø)
ts/features/pn/components/MessageDetails.tsx	90.00% <ø> (+2.50%)	⬆️
ts/features/pn/navigation/navigator.tsx	18.18% <ø> (ø)
... and 5 more

... and 43 files with indirect coverage changes

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 7829b38...ebcc7e7. Read the comment docs.

[shadowsheep1]

As for the bug I'd reported, I don't see it anymore ✅

Demo
-.okay.mov

[CrisTofani]

LGTM