update interfaces to use the updated property names

+ misc changes related to moving to sqlite

src/components/shared/AlbumCard.vue

@@ -9,14 +9,14 @@
     <img class="rounded" :src="imguri + album.image" alt="" />
     <div>
       <h4 class="title ellip" v-tooltip>{{ album.title }}</h4>
-      <div class="artist ellip">{{ album.artist }}</div>
+      <div class="artist ellip">{{ album.albumartist }}</div>
     </div>
   </router-link>
 </template>
 
 <script setup lang="ts">
-import { AlbumInfo } from "../../interfaces";
 import { paths } from "../../config";
+import { AlbumInfo } from "../../interfaces";
 
 const imguri = paths.images.thumb.large;
 defineProps<{

src/components/shared/PlayBtnRect.vue

@@ -2,10 +2,6 @@
   <button
     class="playbtnrect"
     @click="usePlayFrom(source, useQStore, store)"
-    :style="{
-      background: background?.color,
-    }"
-    :class="{ playbtnrectdark: background?.isDark }"
   >
     <playBtnSvg />
     <div class="text">Play</div>
@@ -43,13 +39,6 @@ defineProps<{
   justify-content: center;
   transition: all 0.5s ease-in-out;
   color: $white;
-}
-
-.playbtnrectdark {
-  color: $black !important;
-
-  svg > path {
-    fill: $accent !important;
-  }
+  background: $darkestblue !important;
 }
 </style>