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.66%. Comparing base (8f1e74b) to head (d88840f).

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   59.68%   59.66%   -0.02%     
==========================================
  Files        1849     1849              
  Lines       40114    40135      +21     
  Branches     9283     9237      -46     
==========================================
+ Hits        23942    23947       +5     
- Misses      16100    16115      +15     
- Partials       72       73       +1     

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	64.74% <ø> (-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	73.04% <100.00%> (+0.23%)	⬆️
ts/hooks/useFooterActionsMargin.tsx	100.00% <100.00%> (ø)
...endesk/screens/ZendeskAskSeeReportsPermissions.tsx	4.54% <0.00%> (-0.22%)	⬇️
ts/navigation/AuthenticatedStackNavigator.tsx	14.28% <0.00%> (-0.72%)	⬇️
... and 5 more

... and 1 file 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 8f1e74b...d88840f. 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.