Change main page and modify flows

src/screens/HitParade/components/SongCard.js

@@ -1,4 +1,5 @@
-import { View, Text, Image, Platform, Pressable } from "react-native";
+import { View, Text, Platform, Pressable, Image as RNImage } from "react-native";
+import { Image as ExpoImage } from "expo-image";
 import React from "react";
 import { img } from "../../../assets";
 import { BlurView } from "expo-blur";
@@ -16,10 +17,21 @@ const SongCard = ({ rank = 1, title = "Sans titre", artist = "MusicLand", coverU
         gap: 6,
       }}
     >
-      <Image
-        source={coverUrl ? { uri: coverUrl } : img.placeholder2}
-        style={{ ...size({ size: 60 }), borderRadius: 12 }}
-      />
+      {coverUrl ? (
+        <ExpoImage
+          source={{ uri: coverUrl }}
+          cachePolicy="memory-disk"
+          priority="high"
+          contentFit="cover"
+          transition={100}
+          style={{ ...size({ size: 60 }), borderRadius: 12 }}
+        />
+      ) : (
+        <RNImage
+          source={img.placeholder2}
+          style={{ ...size({ size: 60 }), borderRadius: 12 }}
+        />
+      )}
       <BlurView
         intensity={20}
         style={{