feat: add react native edge to edge and fix images

Author: hamzamekk

app.config.ts

@@ -80,6 +80,7 @@ export default ({ config }: ConfigContext): ExpoConfig => ({
     'expo-localization',
     'expo-router',
     ['app-icon-badge', appIconBadgeConfig],
+    ["react-native-edge-to-edge"]
   ],
   extra: {
     ...ClientEnv,

package.json

@@ -92,6 +92,7 @@
     "react-hook-form": "^7.53.0",
     "react-i18next": "^15.0.1",
     "react-native": "0.76.2",
+    "react-native-edge-to-edge": "^1.1.2",
     "react-native-flash-message": "^0.4.2",
     "react-native-gesture-handler": "~2.20.2",
     "react-native-keyboard-controller": "^1.13.2",
@@ -129,8 +130,10 @@
     "eslint": "^8.57.0",
     "eslint-config-expo": "^7.1.2",
     "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^3.6.3",
     "eslint-plugin-i18n-json": "^4.0.0",
     "eslint-plugin-jest": "^28.8.3",
+    "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-compiler": "19.0.0-beta-a7bf2bd-20241110",