feat: update onboarding and application flows

src/screens/Library/components/MusicCard.js

@@ -6,6 +6,7 @@ import { responsiveWidth } from 'react-native-responsive-dimensions'
 import { useGlobal } from 'reactn'
 import { icons, img } from '../../../assets'
 import PressableScale from '../../../components/PressableScale'
+import useResolvedMediaUri from '../../../hooks/useResolvedMediaUri'
 import { LIKE_TARGET, toggleProjectLike } from '../../../utils/likes'
 import { ensureAuthenticated } from '../../../utils/authRedirect'
 import { Palette, Style } from '../../../styles'
@@ -23,6 +24,7 @@ const MusicCard = ({
   likeTarget = LIKE_TARGET.SONG,
 }) => {
   const [currentUID] = useGlobal('currentUID')
+  const resolvedImageUri = useResolvedMediaUri(imageUri)
   const [selected, setSelected] = useState(false)
   const [layout, setLayout] = useState(null)
   const [menuPos, setMenuPos] = useState({
@@ -113,9 +115,9 @@ const MusicCard = ({
         onPress={onPress}
         onLayout={(e) => setLayout(e.nativeEvent.layout)}
       >
-        {imageUri ? (
+        {resolvedImageUri ? (
           <ExpoImage
-            source={{ uri: imageUri }}
+            source={{ uri: resolvedImageUri }}
             cachePolicy="memory-disk"
             priority="high"
             contentFit="cover"