fix nav and folder banner text responsiveness

src/components/RightSideBar/Main.vue

@@ -44,8 +44,8 @@ const tabs = useTabStore();
 
     .r-content {
       grid-area: content;
-      // width: 29rem;
-      width: 100%;
+      width: 29rem;
+      // width: 100%;
 
       // @include tablet-landscape {
       //   display: none;

src/components/RightSideBar/Queue/QueueActions.vue

@@ -5,9 +5,9 @@
         <ClearSvg />
         <span>Clear</span>
       </button>
-      <button class="shuffle-queue action">
-        <SaveAsPlaylistSvg />
-        <span> Save as Playlist </span>
+      <button class="shuffle-queue action" @click="queue.shuffleQueue">
+        <ShuffleSvg />
+        <span>Shuffle</span>
       </button>
     </div>
     <div class="right">
@@ -22,7 +22,7 @@
 import useQueueStore from "../../../stores/queue";
 
 import ClearSvg from "@/assets/icons/delete.svg";
-import SaveAsPlaylistSvg from "@/assets/icons/sdcard.svg";
+import ShuffleSvg from "@/assets/icons/shuffle.svg";
 import MoreSvg from "@/assets/icons/more.svg";
 
 const queue = useQueueStore();

src/components/RightSideBar/Search/Main.vue

@@ -26,7 +26,6 @@ import TracksGrid from "./TracksGrid.vue";
 .right-search {
   position: relative;
   overflow: hidden;
-  width: auto;
   height: 100%;
 
   .heading {