remove transition group from queue track list

src/components/LeftSidebar/Playlists.vue

@@ -32,7 +32,6 @@ onMounted(() => {
 
 <style lang="scss">
 .sidebar-playlists {
-  //   outline: solid 1px;
   display: grid;
   grid-template-rows: max-content 1fr;
 

src/components/LeftSidebar/nowPlaying.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="now-playing-card t-center rounded">
     <div>
-      <SongCard :track="queue.currenttrack" />
+      <SongCard :track="currenttrack" />
       <div class="l-track-time">
-        <span class="rounded">{{ formatSeconds(queue.duration.current) }}</span
-        ><span class="rounded">{{ formatSeconds(queue.duration.full) }}</span>
+        <span class="rounded">{{ formatSeconds(duration.current) }}</span
+        ><span class="rounded">{{ formatSeconds(duration.full) }}</span>
       </div>
       <Progress />
     </div>
@@ -13,16 +13,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from "vue";
-
-import useModalStore from "@/stores/modal";
-import useQueueStore from "@/stores/queue";
 import useQStore from "../../stores/queue";
-import useContextStore from "@/stores/context";
-import MenuSvg from "../../assets/icons/more.svg";
-import trackContext from "@/contexts/track_context";
-
-import { ContextSrc } from "@/composables/enums";
 import { formatSeconds } from "@/utils";
 
 import HotKeys from "./NP/HotKeys.vue";
@@ -30,28 +21,7 @@ import Progress from "./NP/Progress.vue";
 import SongCard from "./NP/SongCard.vue";
 
 const queue = useQStore();
-const contextStore = useContextStore();
-const context_on = ref(false);
-
-const showContextMenu = (e: Event) => {
-  e.preventDefault();
-  e.stopPropagation();
-
-  const menus = trackContext(
-    queue.tracklist[queue.current],
-    useModalStore,
-    useQueueStore
-  );
-
-  contextStore.showContextMenu(e, menus, ContextSrc.Track);
-  context_on.value = true;
-
-  contextStore.$subscribe((mutation, state) => {
-    if (!state.visible) {
-      context_on.value = false;
-    }
-  });
-};
+const { currenttrack, duration } = queue;
 </script>
 <style lang="scss">
 .now-playing-card {
@@ -88,7 +58,6 @@ const showContextMenu = (e: Event) => {
     }
   }
 
-
   .context_on {
     background-color: $accent;
   }