Hand cursor now displayed over artist and album cards

changes/changelog.d/cursor.enhancement

@@ -0,0 +1 @@
+Hand cursor now displayed over artist and album cards

front/src/components/audio/album/Card.vue

@@ -1,17 +1,21 @@
 <template>
   <div class="card app-card component-album-card">
-    <div
+    <router-link
-      v-lazy:background-image="imageUrl"
+      class="discrete link"
-      :class="['ui', 'head-image', 'image', {'default-cover': !album.cover || !album.cover.urls.original}]"
+      :to="{name: 'library.albums.detail', params: {id: album.id}}"
-      @click="$router.push({name: 'library.albums.detail', params: {id: album.id}})"
     >
-      <play-button
+      <div
-        :icon-only="true"
+        v-lazy:background-image="imageUrl"
-        :is-playable="album.is_playable"
+        :class="['ui', 'head-image', 'image', {'default-cover': !album.cover || !album.cover.urls.original}]"
-        :button-classes="['ui', 'circular', 'large', 'vibrant', 'icon', 'button']"
+      >
-        :album="album"
+        <play-button
-      />
+          :icon-only="true"
-    </div>
+          :is-playable="album.is_playable"
+          :button-classes="['ui', 'circular', 'large', 'vibrant', 'icon', 'button']"
+          :album="album"
+        />
+      </div>
+    </router-link>
     <div class="content">
       <strong>
         <router-link

front/src/components/audio/artist/Card.vue

@@ -1,17 +1,21 @@
 <template>
   <div class="app-card card">
-    <div
+    <router-link
-      v-lazy:background-image="imageUrl"
+      class="discrete link"
-      :class="['ui', 'head-image', 'circular', 'image', {'default-cover': !cover || !cover.urls.original}]"
+      :to="{name: 'library.artists.detail', params: {id: artist.id}}"
-      @click="$router.push({name: 'library.artists.detail', params: {id: artist.id}})"
     >
-      <play-button
+      <div
-        :icon-only="true"
+        v-lazy:background-image="imageUrl"
-        :is-playable="artist.is_playable"
+        :class="['ui', 'head-image', 'circular', 'image', {'default-cover': !cover || !cover.urls.original}]"
-        :button-classes="['ui', 'circular', 'large', 'vibrant', 'icon', 'button']"
+      >
-        :artist="artist"
+        <play-button
-      />
+          :icon-only="true"
-    </div>
+          :is-playable="artist.is_playable"
+          :button-classes="['ui', 'circular', 'large', 'vibrant', 'icon', 'button']"
+          :artist="artist"
+        />
+      </div>
+    </router-link>
     <div class="content">
       <strong>
         <router-link