feat: update onboarding and application flows

src/components/BackgroundVideo.web.js

@@ -1,17 +1,8 @@
 import { MaterialIcons } from '@expo/vector-icons'
-import { Asset } from 'expo-asset'
 import React, { useEffect, useRef, useState } from 'react'
 import { Pressable, StyleSheet, Text, View } from 'react-native'
 
-const resolveModuleUri = async (source) => {
-  const asset = Asset.fromModule(source)
-
-  if (!asset.localUri && !asset.uri) {
-    await asset.downloadAsync()
-  }
-
-  return asset.localUri ?? asset.uri ?? null
-}
+import { resolveMediaUri } from '../utils/resolveMediaUri'
 
 const BackgroundVideo = ({ source, soundButtonStyle = null }) => {
   const videoRef = useRef(null)
@@ -28,16 +19,9 @@ const BackgroundVideo = ({ source, soundButtonStyle = null }) => {
       }
     }
 
-    if (typeof source === 'string') {
-      setUri(source)
-      return () => {
-        isMounted = false
-      }
-    }
-
     const loadSource = async () => {
       try {
-        const nextUri = await resolveModuleUri(source)
+        const nextUri = await resolveMediaUri(source)
         if (isMounted) {
           setUri(nextUri)
         }