Add splash screen handling and logo to HomeScreen, update dependencies

App.js

@@ -1,6 +1,7 @@
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { BackHandler, Platform, StatusBar } from 'react-native';
 import * as ScreenOrientation from 'expo-screen-orientation';
+import * as SplashScreen from 'expo-splash-screen';
 import FocusScreen from './src/screens/FocusScreen';
 import HomeScreen from './src/screens/HomeScreen';
 import TimeUntilScreen from './src/screens/TimeUntilScreen';
@@ -8,6 +9,11 @@ import TimerScreen from './src/screens/TimerScreen';
 import { createStyles } from './src/styles';
 import { getTheme } from './src/theme';
 
+// Keep the splash screen visible while we fetch resources
+SplashScreen.preventAutoHideAsync().catch(() => {
+  /* reloading the app might cause this to error in dev */
+});
+
 export default function App() {
   const styles = useMemo(() => createStyles(), []);
 
@@ -33,6 +39,11 @@ export default function App() {
   const timerRef = useRef(null);
   const theme = getTheme(darkMode, pinkMode);
 
+  useEffect(() => {
+    // Hide splash screen after initialization
+    SplashScreen.hideAsync().catch(() => {});
+  }, []);
+
   useEffect(() => {
     if (Platform.OS !== 'web') {
       ScreenOrientation.unlockAsync();