soon finished

src/FLAD/components/CardMusic.tsx

@@ -0,0 +1,59 @@
+import React, {Component} from 'react';
+import { Animated, StyleSheet, Text, View, FlatList , Image} from 'react-native';
+
+
+type CustomCardMusic = { //Props
+    image: string;
+    title: string;
+    description: string;
+}
+
+export default function CardMusic(CBP: CustomCardMusic) {
+    return (
+      <View style={styles.container}>
+          <View style={styles.imageContainer}>
+              <Image source={{uri: CBP.image}} style={styles.image} borderRadius={50}/>
+          </View>
+          <View style={styles.textContainer}>
+              <Text style={styles.title}>{CBP.title}</Text>
+              <Text style={styles.description}>{CBP.description}</Text>
+          </View>
+      </View>
+    );
+  }
+  
+  const styles = StyleSheet.create({
+    container: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      margin: 20
+    },
+    imageContainer: {
+      width: 80,
+      height: 80,
+      alignItems: 'center',
+      justifyContent: 'center',
+      marginRight: 20
+    },
+    image: {
+      width: '100%',
+      height: '100%',
+      borderRadius: 50
+    },
+    textContainer: {
+      flex: 1,
+      alignItems: 'flex-start',
+      justifyContent: 'center',
+    },
+    title: {
+      fontWeight: 'bold',
+      color: 'white',
+      fontSize: 20,
+      marginBottom: 10
+    },
+    description: {
+      color: 'white',
+      fontSize: 16
+    }
+  });

src/FLAD/pages/favoritePage.tsx

@@ -0,0 +1,3 @@
+import React, {Component} from 'react';
+import { Animated, StyleSheet, Text, View, FlatList } from 'react-native';
+