fix music url structure

src/screens/Library/components/MusicCard.js

@@ -1,6 +1,13 @@
 import { BlurView } from "expo-blur";
 import React, { useEffect, useRef, useState } from "react";
-import { Platform, Pressable, StyleSheet, Text, View, Image as RNImage } from "react-native";
+import {
+  Platform,
+  Pressable,
+  StyleSheet,
+  Text,
+  View,
+  Image as RNImage,
+} from "react-native";
 import { Image as ExpoImage } from "expo-image";
 import { useGlobal } from "reactn";
 import { icons, img } from "../../../assets";
@@ -8,6 +15,7 @@ import { arrayRemove, arrayUnion, projectsRef } from "../../../config/firebase";
 import { Palette, Style } from "../../../styles";
 import { FONT_FAMILY } from "../../../styles/Fonts";
 import { size } from "../../../styles/Style";
+import { responsiveWidth } from "react-native-responsive-dimensions";
 
 const MusicCard = ({
   onPress,
@@ -90,7 +98,7 @@ const MusicCard = ({
           />
         ) : (
           <RNImage
-            source={img.placeholder2}
+            source={img.placeholder}
             style={{ ...size({ size: 60 }), borderRadius: 12 }}
           />
         )}
@@ -107,7 +115,9 @@ const MusicCard = ({
             }
           >
             <View>
-              <Text style={styles.title}>{title || "Sans titre"}</Text>
+              <Text numberOfLines={2} style={styles.title}>
+                {title || "Sans titre"}
+              </Text>
               <Text style={styles.subTitle}>{subtitle || "MusicLand"}</Text>
             </View>
             <View
@@ -160,6 +170,8 @@ const styles = StyleSheet.create({
     fontSize: 16,
     color: Palette.white,
     fontFamily: FONT_FAMILY.OwnersRegular,
+    lineHeight: 18,
+    width: responsiveWidth(45),
   },
   subTitle: {
     fontSize: 12,