chore: update themes to use EdgeToEdge styles and add edge-to-edge display support

Author: karahanharunn

android/app/src/main/res/values/styles.xml

@@ -1,14 +1,14 @@
 <resources>
 
     <!-- Base light application theme. -->
-    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
+    <style name="AppTheme" parent="Theme.EdgeToEdge.Light">
         <!-- Customize your theme here. -->
         <item name="android:windowDisablePreview">true</item>
         <item name="android:windowIsTranslucent">true</item>
         <item name="android:editTextStyle">@style/MendixEditText</item>
     </style>
     <!-- Base dark application theme. -->
-    <style name="AppTheme_Dark" parent="Theme.AppCompat.DayNight.NoActionBar">
+    <style name="AppTheme_Dark" parent="Theme.EdgeToEdge">
         <!-- Customize your theme here. -->
         <item name="android:windowDisablePreview">true</item>
         <item name="android:windowIsTranslucent">true</item>

android/gradle.properties

@@ -26,3 +26,6 @@ android.suppressUnsupportedCompileSdk=33
 newArchEnabled=false
 hermesEnabled=true
 mendixnative.cookieEncryption=false
+
+# Enable edge-to-edge display (React Native 0.81+)
+edgeToEdgeEnabled=true

package-lock.json

@@ -24,6 +24,7 @@
     "react-native": "0.77.3",
     "react-native-blob-util": "0.21.2",
     "react-native-device-info": "13.0.0",
+    "react-native-edge-to-edge": "^1.7.0",
     "react-native-fast-image": "8.6.3",
     "react-native-gesture-handler": "2.23.1",
     "react-native-image-picker": "7.2.3",