use the small thumbnails on tracklists

src/components/AlbumView/Header.vue

@@ -11,7 +11,7 @@
     }"
   >
     <div class="big-img noscroll" :class="{ imgSmall: widthIsSmall }">
-      <img :src="imguri.thumb + album.image" class="rounded" />
+      <img :src="imguri.thumb.large + album.image" class="rounded" />
     </div>
     <div
       class="info"

src/components/LeftSidebar/NP/SongCard.vue

@@ -43,7 +43,7 @@ const props = defineProps<{
   track: Track | null;
 }>();
 
-const imguri = paths.images.thumb;
+const imguri = paths.images.thumb.large;
 </script>
 
 <style lang="scss">

src/components/RightSideBar/NowPlayingRight.vue

@@ -2,7 +2,7 @@
   <div class="b-bar bg-primary pad-medium rounded" v-if="settings.show_alt_np">
     <div class="info">
       <img
-        :src="paths.images.thumb + queue.currenttrack?.image"
+        :src="paths.images.thumb.large + queue.currenttrack?.image"
         alt=""
         class="rounded shadow-lg"
       />
@@ -26,7 +26,7 @@
       <span class="current">{{ formatSeconds(queue.duration.current) }}</span>
       <HotKeys />
       <span class="full">{{
-        formatSeconds(queue.currenttrack ? queue.currenttrack.length : 0)
+        formatSeconds(queue.currenttrack ? queue.currenttrack.duration : 0)
       }}</span>
     </div>
   </div>

src/components/shared/SongItem.vue

@@ -75,7 +75,7 @@ import { formatSeconds } from "@/utils";
 import ArtistName from "./ArtistName.vue";
 
 const context_on = ref(false);
-const imguri = paths.images.thumb;
+const imguri = paths.images.thumb.small;
 const options_button_clicked = ref(false);
 
 const artisttitle = ref<HTMLElement | null>(null);

src/components/shared/TrackItem.vue

@@ -11,7 +11,7 @@
     @contextmenu.prevent="showMenu"
   >
     <div class="album-art">
-      <img :src="paths.images.thumb + track.image" alt="" class="rounded-sm" />
+      <img :src="paths.images.thumb.small + track.image" alt="" class="rounded-sm" />
       <div
         class="now-playing-track-indicator image"
         v-if="isCurrent"