Fix/status bar color on mweb

src/components/CustomStatusBarAndBackground/index.tsx

@@ -36,6 +36,7 @@ function CustomStatusBarAndBackground({isNested = false}: CustomStatusBarAndBack
 
     const prevStatusBarBackgroundColor = useRef(theme.appBG);
     const statusBarBackgroundColor = useRef(theme.appBG);
+    const isFirstRender = useRef(true);
     const statusBarAnimation = useSharedValue(0);
 
     useAnimatedReaction(
@@ -88,6 +89,12 @@ function CustomStatusBarAndBackground({isNested = false}: CustomStatusBarAndBack
             prevStatusBarBackgroundColor.current = statusBarBackgroundColor.current;
             statusBarBackgroundColor.current = currentScreenBackgroundColor;
 
+            if (isFirstRender.current) {
+                isFirstRender.current = false;
+                updateStatusBarAppearance({backgroundColor: currentScreenBackgroundColor, statusBarStyle: newStatusBarStyle});
+                return;
+            }
+
             if (currentScreenBackgroundColor !== theme.appBG || prevStatusBarBackgroundColor.current !== theme.appBG) {
                 statusBarAnimation.value = 0;
                 statusBarAnimation.value = withDelay(300, withTiming(1));