default to qeueu tab in right sidebar

- fix progress bar issue on chrome
- fix image not showing on media notification

src/components/LeftSidebar/nowPlaying.vue

@@ -35,6 +35,20 @@ const queue = useQStore();
   position: relative;
   text-transform: capitalize;
 
+  &:hover {
+    ::-moz-range-thumb {
+      height: 0.8rem;
+    }
+
+    ::-webkit-slider-thumb {
+      height: 0.8rem;
+    }
+
+    ::-ms-thumb {
+      height: 0.8rem;
+    }
+  }
+
   .headin {
     font-weight: bold;
     font-size: 0.9rem;
@@ -84,7 +98,7 @@ const queue = useQStore();
     position: absolute;
     font-size: 0.75rem;
     width: max-content;
-    padding: 0.2rem .35rem;
+    padding: 0.2rem 0.35rem;
     top: 13.25rem;
     left: 1.5rem;
     background-color: $black;

src/components/RightSideBar/Queue.vue

@@ -53,6 +53,7 @@ function playThis(track: Track) {
       height: 100%;
       padding: $small;
       overflow: auto;
+      overflow-x: hidden;
       scrollbar-color: grey transparent;
     }
   }

src/components/RightSideBar/queue/upNext.vue

@@ -40,7 +40,6 @@ const props = defineProps<{
 
   &:hover {
     background-color: $accent;
-    border: 1px solid transparent;
 
     .h {
       background-color: $black;

src/components/contextMenu.vue

@@ -90,12 +90,12 @@ const context = useContextStore();
       right: -13rem;
       width: 13rem;
       top: -0.5rem;
-      max-height: 21.25rem;
+      height: 23.5rem;
 
       padding: $small !important;
       background-color: $context;
       transform: scale(0);
-      transform-origin: left;
+      transform-origin: top left;
     }
 
     .icon {
@@ -177,14 +177,14 @@ const context = useContextStore();
 .context-normalizedY {
   .context-item > .children {
     transform-origin: bottom right;
+      top: -.5rem;
   }
 }
 
 .context-many-kids {
   .context-item > .children {
-    top: -0.5rem;
+    // top: -0.5rem;
     overflow-y: auto;
-    scrollbar-width: none;
   }
 }
 </style>

src/components/shared/SongItem.vue

@@ -116,6 +116,7 @@ function emitUpdate(track: Track) {
   height: 3.75rem;
   text-align: left;
   gap: $small;
+  user-select: none;
 
   .context {
     position: fixed;