Upgrade React Native from 0.86.0-nightly to 0.87.0-nightly (#1979)

* Upgrade React Native from 0.86.0-nightly to 0.87.0-nightly

- 0.87.0-nightly-20260519-58cd1bf58
- Bump RN deps and devDeps (@react-native: babel/jest preset, eslint/metro/ts configs)
- Bump Jest snapshot test rendered RN ver
- Update lockfiles (Yarn, CocoaPods)
- Update Xcode config
- Bump ReadMe ver

Resolve: #1978

* Bump Kotlin from 2.1.20 to 2.2.0 (fix async-storage v3)

- Ahead of RNCLI, should be detected in subsequent nightly
- react-native-community/template#217
  - Required for #1956

* Enable Android edge-to-edge display by default

- Ahead of RNCLI, should be detected in subsequent nightly
- react-native-community/template#218

Author: leotm

README.md

@@ -9,7 +9,7 @@
 
 <div align="center">
 
-[![NPM RN pkg ver](https://img.shields.io/badge/React%20Native-0.86.0_nightly-red.svg)](https://github.com/facebook/react-native/releases)
+[![NPM RN pkg ver](https://img.shields.io/badge/React%20Native-0.87.0_nightly-red.svg)](https://github.com/facebook/react-native/releases)
 [![TypeScript](https://img.shields.io/badge/%3C%2F%3E-TypeScript-%230074c1.svg)](#)
 [![Linter](https://badges.aleen42.com/src/eslint.svg)](#)
 [![Formatter: prettier](https://img.shields.io/badge/Formatter-Prettier-f8bc45.svg)](#)

__tests__/src/__snapshots__/index.test.tsx.snap

@@ -89,7 +89,7 @@ exports[`app matches snapshot 1`] = `
               }
             >
               Version: 
-              0.86.0-nightly-20260313-972a30db4
+              0.87.0-nightly-20260519-58cd1bf58
             </Text>
             <Text
               style={

android/build.gradle

@@ -5,7 +5,7 @@ buildscript {
         compileSdkVersion = 36
         targetSdkVersion = 36
         ndkVersion = "27.1.12297006"
-        kotlinVersion = "2.1.20"
+        kotlinVersion = "2.2.0"
     }
     repositories {
         google()

android/gradle.properties

@@ -41,4 +41,4 @@ hermesEnabled=true
 # Use this property to enable edge-to-edge display support.
 # This allows your app to draw behind system bars for an immersive UI.
 # Note: Only works with ReactActivity and should not be used with custom Activity.
-edgeToEdgeEnabled=false
+edgeToEdgeEnabled=true

ios/MyApp.xcodeproj/project.pbxproj

@@ -385,6 +385,7 @@
 					"-DFOLLY_HAVE_CLOCK_GETTIME=1",
 					"-DRCT_REMOVE_LEGACY_ARCH=1",
 				);
+				PODFILE_DIR = "$(SRCROOT)";
 				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
 				SDKROOT = iphoneos;
 				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "$(inherited) DEBUG";
@@ -459,6 +460,7 @@
 					"-DFOLLY_HAVE_CLOCK_GETTIME=1",
 					"-DRCT_REMOVE_LEGACY_ARCH=1",
 				);
+				PODFILE_DIR = "$(SRCROOT)";
 				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
 				SDKROOT = iphoneos;
 				SWIFT_ENABLE_EXPLICIT_MODULES = NO;