add all favorite tracks page

src/views/FavoriteTracks.vue

@@ -0,0 +1,23 @@
+<template>
+  <SongList :tracks="tracks" :handlePlay="handlePlay" />
+</template>
+
+<script setup lang="ts">
+import { Ref, ref } from "vue";
+
+import { Track } from "@/interfaces";
+import useQueueStore from "@/stores/queue";
+import { getFavTracks } from "@/composables/fetch/favorite";
+
+import SongList from "@/components/shared/SongList.vue";
+
+const tracks: Ref<Track[]> = ref([]);
+const queue = useQueueStore();
+
+getFavTracks(0).then((data) => (tracks.value = data));
+
+function handlePlay(index: number) {
+  queue.playFromFav(tracks.value);
+  queue.play(index);
+}
+</script>

src/views/Favorites.vue

@@ -11,7 +11,7 @@
     <div class="fav-tracks" v-if="favTracks.length">
       <TopTracks
         :tracks="favTracks"
-        :route="'/home'"
+        :route="'/favorites/tracks'"
         :title="'Tracks ❤️'"
         :playHandler="handlePlay"
       />