feat: Update application themes to use edge-to-edge layout and add edge-to-edge dependency

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,4 +26,7 @@ android.suppressUnsupportedCompileSdk=33
 newArchEnabled=false
 hermesEnabled=true
 mendixnative.cookieEncryption=false
-VisionCamera_enableCodeScanner=true
+VisionCamera_enableCodeScanner=true
+
+# Enable edge-to-edge display (React Native 0.81+)
+edgeToEdgeEnabled=true

package-lock.json

@@ -19,10 +19,11 @@
     "@react-native-community/cli-platform-ios": "16.0.2",
     "@react-native-community/datetimepicker": "8.2.0",
     "@react-native-picker/picker": "2.11.0",
-    "react-native-device-info": "14.0.4",
     "@react-navigation/native": "7.0.14",
     "react-native": "0.77.3",
     "react-native-blob-util": "0.21.2",
+    "react-native-device-info": "14.0.4",
+    "react-native-edge-to-edge": "^1.7.0",
     "react-native-gesture-handler": "2.23.1",
     "react-native-image-picker": "7.2.3",
     "react-native-localize": "3.2.1",