chore(runway): cherry-pick fix: Fix UI issue related to SafeAreaView top inset recalculation

[runway-github]

• fix: Fix UI issue related to SafeAreaView top inset recalculation cp-7.73.0 (fix: Fix UI issue related to SafeAreaView top inset recalculation cp-7.73.0 #28622)

Description

We're experiencing an issue where the SafeAreaView top padding gets
recalculated upon component mount, which results in bad UI. This PR
reduces the blast radius of the changes by consolidating all
SafeAreaView imports to react-native-safe-area-context. We then create
a shim for the module, which handles applying top insets via style
instead. Changes also includes:

• Consolidate safe area context mocks in test setup file
• Remove unused safe area mocks within test files
• Update snapshots

Changelog

CHANGELOG entry:

Related issues

Fixes:

Manual testing steps

Feature: my feature name

  Scenario: user [verb for user action]
    Given [describe expected initial app state]

    When user [verb for user action]
    Then [describe expected outcome]

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I've followed MetaMask Contributor
  Docs and MetaMask Mobile
  Coding
  Standards.
• I've completed the PR template to the best of my ability
• I've included tests if applicable
• I've documented my code using JSDoc format
  if applicable
• I've applied the right labels on the PR (see labeling
  guidelines).
  Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the
  app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described
  in the ticket it closes and includes the necessary testing evidence such
  as recordings and or screenshots.

---

Note

Medium Risk
Touches SafeAreaView usage across many screens, so incorrect
inset/edge handling could cause widespread layout regressions on
iOS/Android despite being mostly mechanical changes.

Overview
Standardizes SafeAreaView usage by switching many components from
react-native to react-native-safe-area-context (including adding
explicit edges in a few places) to avoid incorrect top-inset
recalculation on mount.

Refactors navigation/header configuration for
DeFiProtocolPositionDetails by moving setOptions logic out of the
component and into MainNavigator options via
getDeFiProtocolPositionDetailsNavbarOptions (now explicitly sets
headerShown: true).

Cleans up tests by removing per-file safe-area mocks in favor of the
centralized jest mock in testSetupView.js, and updates
snapshots/expectations accordingly.

^{Reviewed by Cursor Bugbot for commit
f88a0cf. Bugbot is set up for automated
code reviews on this repo. Configure
here.}

[d76192c](https://github.com/MetaMask/metamask-mobile/commit/d76192cd9b446bf6638e4166a2f57d1bbd95ede2)

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.