prevent type coercion

- remove unused imports
- minor refactors and cleanups

src/components/BottomBar/BottomBar.vue

@@ -26,7 +26,6 @@
 </template>
 
 <script setup>
-import { ref } from "vue";
 import "../../assets/css/BottomBar/BottomBar.scss";
 import SongCard from "./SongCard.vue";
 import Progress from "../shared/Progress.vue";

src/components/BottomBar/SongCard.vue

@@ -11,7 +11,7 @@
       <div>
         <div class="title ellip">{{ track.title }}</div>
         <div class="separator no-border"></div>
-        <div class="artists ellip" v-if="track.artists[0] != ''">
+        <div class="artists ellip" v-if="track.artists[0] !== ''">
           <span v-for="artist in putCommas(track.artists)" :key="artist">{{
             artist
           }}</span>