connect favorites data to favorites page

+ detach isSmall and isMedium classes from the v-scroll-page class
+ customize the TopTracks component to be usable with the favorite tracks page
+ add queue methods to play tracks from favorites page
+ handle playing from artist top tracks in parent component

src/components/nav/Titles/QueueTitle.vue

@@ -27,6 +27,7 @@ import SearchSvg from "@/assets/icons/search.svg";
 import ArtistSvg from "@/assets/icons/artist.svg";
 
 import { RouteLocationRaw } from "vue-router";
+import HeartSvg from "@/assets/icons/heart.fill.svg";
 
 const queue = useQueueStore();
 
@@ -95,6 +96,15 @@ function getSource() {
         },
       };
 
+    case FromOptions.favorite:
+      return {
+        name: "Favorite tracks",
+        icon: HeartSvg,
+        location: {
+          name: Routes.favorites,
+        },
+      };
+
     default:
       return { name: "👻 No source", location: {} };
   }