refacto

src/screens/Library/components/BackTracks.js

@@ -23,7 +23,16 @@ const BackTracks = () => {
   );
 
   return (
-    <CardContainer label="Mes Playbacks">
+    <CardContainer
+      label="Mes Playbacks"
+      onPress={() =>
+        navigate(Routes.AllMyList, {
+          title: "Mes playbacks",
+          scope: "playback",
+          liked: false,
+        })
+      }
+    >
       <View>
         {items.length > 0 && (
           <FlatList

src/screens/Library/components/LikedMusic.js

@@ -28,7 +28,13 @@ const LikedMusic = () => {
   return (
     <CardContainer
       label="Musiques likées"
-      onPress={() => navigate(Routes.AllMyLikedMusic)}
+      onPress={() =>
+        navigate(Routes.AllMyList, {
+          title: "Musiques likées",
+          scope: "music",
+          liked: true,
+        })
+      }
     >
       <FlatList
         onLayout={(e) => setContainerWidth(e.nativeEvent.layout.width)}

src/screens/Library/components/LikedPlayback.js

@@ -25,7 +25,16 @@ const LikedPlayback = () => {
     Math.floor((containerWidth - gap * (numColumns - 1)) / numColumns)
   );
   return (
-    <CardContainer label="Playbacks likés">
+    <CardContainer
+      label="Playbacks likés"
+      onPress={() =>
+        navigate(Routes.AllMyList, {
+          title: "Playbacks likés",
+          scope: "playback",
+          liked: true,
+        })
+      }
+    >
       <View>
         {items.length > 0 && (
           <FlatList

src/screens/Library/components/MyMusic.js

@@ -16,7 +16,13 @@ const MyMusic = () => {
   return (
     <CardContainer
       label="Mes musiques"
-      onPress={() => navigate(Routes.AllMyMusic)}
+      onPress={() =>
+        navigate(Routes.AllMyList, {
+          title: "Mes musiques",
+          scope: "music",
+          liked: false,
+        })
+      }
     >
       <View style={{ gap: 10 }}>
         {Array.isArray(projects) &&