chore: [IOAPPX-463] Enable full support for edge-to-edge navigation on Android

[dmnplb]

Short description

This PR enables full support for edge-to-edge navigation on Android.

List of changes proposed in this pull request

• Enable full support for edge-to-edge navigation by updating MainActivity.kt file
• Fix splash screen ugly rectangles in both gesture and button navigation modes
• Remove ugly white rectangle at the top of the BarcodeScanScreen
• Remove ugly white rectangle at the top of the ServiceDetail screen
• Update react-native-safe-area-context to the latest version

⚠️ Known issues

• When gesture navigation mode is on, the inset padding won't be set correctly. This means:
  • Close button overlaps status bar when Help Centre is open
    • Fixed: c30facc
  • Toast notifications overlap the status bar
    • Fixed: refactor: [IOPLT-000] Adjust toast position when edge to edge enabled io-app-design-system#492
  • Bottom margins (with or without CTA) are too narrow
  • Bottom navigation bar margin is too narrow
    • Still present
• There's still a white rectangle at the bottom of the IdentificationModal
• When the button mode is enabled, the navigation bar will have an opaque black background instead of the light grey background it had before.
  • Fixed: 2814498

Important

These issues appear to be caused by the react-native-safe-area-context package not handling the insets properly:

• Edge-to-edge support AppAndFlow/react-native-safe-area-context#603

Preview

Splash screen

Before

Button mode	Gesture mode

After

Button mode	Gesture mode

Barcode Scan

Before	After

Service Detail

Before	After

Related tech docs

• Manually set up the edge-to-edge display · Android Developers

How to test

1. Run the app on Android
2. Change navigation mode between button mode and gesture mode
3. Navigate through the app to check that everything is working correctly

[github-actions]

Jira Pull Request Link

This Pull Request refers to Jira issues:

• IOAPPX-463

[codecov]

Codecov Report

❌ Patch coverage is 38.29787% with 29 lines in your changes missing coverage. Please review.
✅ Project coverage is 59.01%. Comparing base (aeab171) to head (4d0e38f).

Files with missing lines	Patch %	Lines
...preferences/screens/AppearancePreferenceScreen.tsx	20.00%	8 Missing ⚠️
ts/hooks/useAppThemeConfiguration.tsx	0.00%	8 Missing ⚠️
ts/utils/hooks/bottomSheet.tsx	33.33%	8 Missing ⚠️
...entication/login/landing/screens/LandingScreen.tsx	75.00%	2 Missing ⚠️
...endesk/screens/ZendeskAskSeeReportsPermissions.tsx	0.00%	1 Missing ⚠️
ts/navigation/AuthenticatedStackNavigator.tsx	0.00%	1 Missing ⚠️
ts/navigation/NotAuthenticatedStackNavigator.tsx	0.00%	1 Missing ⚠️

Additional details and impacted files

@@             Coverage Diff             @@
##           master    #6602       +/-   ##
===========================================
+ Coverage   47.20%   59.01%   +11.80%     
===========================================
  Files        1798     1817       +19     
  Lines       39174    39334      +160     
  Branches     8904     8963       +59     
===========================================
+ Hits        18492    23211     +4719     
+ Misses      20626    16050     -4576     
- Partials       56       73       +17     

Files with missing lines	Coverage Δ
...code/components/BarcodeScanBaseScreenComponent.tsx	72.97% <ø> (-0.37%)	⬇️
ts/features/design-system/core/DSLoaders.tsx	45.45% <ø> (ø)
...res/identification/screens/IdentificationModal.tsx	65.16% <ø> (-0.23%)	⬇️
...features/zendesk/screens/ZendeskAskPermissions.tsx	87.50% <100.00%> (+0.14%)	⬆️
...features/zendesk/screens/ZendeskChooseCategory.tsx	70.96% <100.00%> (+0.96%)	⬆️
...tures/zendesk/screens/ZendeskChooseSubCategory.tsx	68.57% <100.00%> (+0.92%)	⬆️
...tures/zendesk/screens/ZendeskSupportHelpCenter.tsx	71.18% <100.00%> (+1.10%)	⬆️
ts/hooks/useFooterActionsMargin.tsx	100.00% <100.00%> (+12.50%)	⬆️
...endesk/screens/ZendeskAskSeeReportsPermissions.tsx	4.54% <0.00%> (-0.22%)	⬇️
ts/navigation/AuthenticatedStackNavigator.tsx	14.28% <0.00%> (-0.72%)	⬇️
... and 5 more

... and 382 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 aeab171...4d0e38f. Read the comment docs.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.