feat: splash screen and icons

app.json

@@ -1,6 +1,6 @@
 {
   "expo": {
-    "name": "quran-app",
+    "name": "Quran",
     "slug": "quran-app",
     "version": "1.0.0",
     "orientation": "portrait",
@@ -12,9 +12,7 @@
       "resizeMode": "contain",
       "backgroundColor": "#ffffff"
     },
-    "assetBundlePatterns": [
-      "**/*"
-    ],
+    "assetBundlePatterns": ["**/*"],
     "ios": {
       "supportsTablet": true
     },
@@ -23,19 +21,19 @@
         "foregroundImage": "./assets/images/adaptive-icon.png",
         "backgroundColor": "#ffffff"
       },
+      "jsEngine": "hermes",
       "package": "com.obei.quranapp"
     },
     "web": {
       "bundler": "metro",
       "output": "static",
       "favicon": "./assets/images/favicon.png"
     },
-    "plugins": [
-      "expo-router"
-    ],
+    "plugins": ["expo-router"],
     "experiments": {
       "typedRoutes": true
     },
+    "jsEngine": "hermes",
     "extra": {
       "router": {
         "origin": false

app/_layout.tsx

@@ -4,6 +4,7 @@ import { SafeAreaView, StatusBar, StyleSheet, I18nManager } from "react-native";
 import { useFonts } from "expo-font";
 import { openDatabase } from "@/db/utils";
 import mydb from "@/assets/quran.db";
+
 SplashScreen.preventAutoHideAsync();
 
 export default function RootLayout(): ReactNode {
@@ -13,15 +14,13 @@ export default function RootLayout(): ReactNode {
     "HelveticaNeueLTArabic-Light": require("../assets/fonts/HelveticaNeueLTArabic-Light.ttf"),
     HafsSmart: require("../assets/fonts/HafsSmart_08.ttf"),
   });
+
   I18nManager.allowRTL(true);
   I18nManager.forceRTL(true);
 
   const onLayoutRootView = useCallback(async () => {
-    openDatabase(mydb).then(async () => {
-      if (fontsLoaded || fontError) {
-        await SplashScreen.hideAsync();
-      }
-    });
+    await SplashScreen.hideAsync();
+    openDatabase(mydb);
   }, [fontsLoaded, fontError]);
 
   if (!fontsLoaded && !fontError) {