remove div nesting on right sidebar

+ rewrite vTooltip to handle updates to tooltip text

src/components/RightSideBar/Queue.vue

@@ -1,20 +1,16 @@
 <template>
-  <div class="up-next">
-    <div class="r-grid">
-      <div class="scrollable-r rounded">
-        <QueueActions />
-        <div class="inner">
-          <TrackComponent
-            v-for="(t, index) in queue.tracklist"
-            :key="index"
-            :track="t"
-            :index="index + 1"
-            :isPlaying="queue.playing"
-            :isHighlighted="false"
-            :isCurrent="index === queue.currentindex"
-          />
-        </div>
-      </div>
+    <QueueActions />
+    <div class="scrollable-r">
+      <div class="inner">
+        <TrackComponent
+          v-for="(t, index) in queue.tracklist"
+          :key="index"
+          :track="t"
+          :index="index + 1"
+          :isPlaying="queue.playing"
+          :isHighlighted="false"
+          :isCurrent="index === queue.currentindex"
+        />
     </div>
   </div>
 </template>
@@ -58,32 +54,13 @@ onUpdated(() => {
 </script>
 
 <style lang="scss">
-.up-next {
-  overflow: hidden;
+.scrollable-r {
   height: 100%;
+  overflow: auto;
 
-  .heading {
-    position: relative;
-    margin: 0.5rem 0 1rem 0;
-  }
-
-  .r-grid {
-    position: relative;
-    height: 100%;
-
-    .scrollable-r {
-      height: 100%;
-      overflow: hidden;
-      display: grid;
-      grid-template-rows: max-content 1fr;
-
-      .inner {
-        overflow: scroll;
-        overflow-x: hidden;
-        scrollbar-color: grey transparent;
-        margin: 1rem 0;
-      }
-    }
+  .inner {
+    scrollbar-color: grey transparent;
+    margin: 1rem 0;
   }
 }
 </style>