add static splash screen and icon

app.json

@@ -4,10 +4,15 @@
     "web": {
       "bundler": "metro"
     },
+    "icon": "./assets/icon.png",
     "name": "Mentis",
     "slug": "Mentis",
     "plugins": [
       "expo-router"
-    ]
+    ],
+    "splash": {
+      "image": "./assets/splash.png",
+      "backgroundColor": "#B1C0E8"
+    }
   }
 }

app/_layout.jsx

@@ -4,7 +4,7 @@ import { Stack } from "expo-router";
 import { useCallback, useEffect, useState } from "react";
 import * as Font from 'expo-font'
 import * as SplashScreen from "expo-splash-screen";
-import Splash from '../components/screens/Splash';
+// import Splash from '../components/screens/Splash';
 
 console.reportErrorsAsExceptions = false;
 
@@ -19,14 +19,8 @@ SplashScreen.preventAutoHideAsync();
 function Layout() {
 
     const [loading, setLoading] = useState(true)
-    const [animationVisible, setAnimationVisible] = useState(true)
+    // const [animationVisible, setAnimationVisible] = useState(true)
 
-    useEffect(() => {
-        setTimeout(() => {
-            setAnimationVisible(false)
-        }, 4000);
-    } , [])
-
     useEffect(() => {
         async function load() {
             try {
@@ -38,27 +32,30 @@ function Layout() {
             } catch (err) {
                 console.warn(err)
             } finally {
-                setLoading(false)
+                // setInterval(() => {
+                    setLoading(false)
+                // }, 4000);
             }
         }
 
         load()
+        // setInterval(() => setAnimationVisible(false, 4000))
     }, [])
 
     const onLayoutRootView = useCallback(async () => {
         if (!loading) await SplashScreen.hideAsync()
     }, [loading])
 
-    if (loading) return null;
+    if (loading) return null
 
     return (
-        animationVisible ? (
-            <Splash animationVisible={animationVisible} />
-        ) : (
+        // loading ? (
+
+        // ) : (
             <Stack onLayout={onLayoutRootView}>
                 <Stack.Screen name="(tabs)" options={{ headerShown: false }}/>
             </Stack>
-        )
+        // )
     )
 }