builds splitted based on architecture

android/app/build.gradle

@@ -71,6 +71,7 @@ def enableProguardInReleaseBuilds = false
  * give correct results when using with locales other than en-US. Note that
  * this variant is about 6MiB larger per architecture than default.
  */
+def enableSeparateBuildPerCPUArchitecture = true
 def jscFlavor = 'io.github.react-native-community:jsc-android:2026004.+'
 
 android {
@@ -79,6 +80,14 @@ android {
     compileSdk rootProject.ext.compileSdkVersion
 
     namespace "com.neoscan_radiologist"
+
+    splits {
+        abi {
+            enable true
+            include 'armeabi-v7a', 'arm64-v8a', 'x86'
+            universalApk false
+        }
+    }
     defaultConfig {
         applicationId "com.neoscan_radiologist"
         minSdkVersion rootProject.ext.minSdkVersion

android/gradle.properties

@@ -32,7 +32,7 @@ reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
 # your application. You should enable this flag either if you want
 # to write custom TurboModules/Fabric components OR use libraries that
 # are providing them.
-newArchEnabled=true
+newArchEnabled=false
 
 # Use this property to enable or disable the Hermes JS engine.
 # If set to false, you will be using JSC instead.

app/modules/Dashboard/screens/DashBoardDetail.tsx

@@ -6,7 +6,7 @@
  */
 
 import React, { useState, useMemo } from 'react';
-import { View, Text, StyleSheet, ScrollView, TouchableOpacity } from 'react-native';
+import { View, Text, StyleSheet, ScrollView, TouchableOpacity, Dimensions } from 'react-native';
 import { Button } from '../../../../shared/src/components/Button';
 import { Card, InfoCard } from '../../../../shared/src/components/Card';
 import { SearchInput } from '../../../../shared/src/components/Input';
@@ -534,6 +534,7 @@ const styles = StyleSheet.create({
   },
   modalContent: {
     maxHeight: '80%',
+    width:Dimensions.get('window').width-100
   },
   modalTitle: {
     fontFamily: Typography.fontFamily.bold,