major redesign: move to rounded and extra spaceous UI

+ fix `play next` bug
+ add new folder banner image
+ add new now playing component
+ move to gray4 for accent color
+ increase image sizes, for clean UI

src/components/RightSideBar/Search/ArtistGrid.vue

@@ -49,7 +49,7 @@ defineProps<{
 
 .search-results-grid {
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(2, 1fr);
   gap: 0.75rem;
 }
 </style>

src/components/RightSideBar/Search/TabsWrapper.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="right-tabs" class="bg-black rounded">
     <div class="tab-buttons-wrapper">
-      <div id="tabheaders" class="rounded noscroll">
+      <div id="tabheaders" class="rounded-sm noscroll">
         <div
           class="tab"
           v-for="slot in $slots.default()"
@@ -44,7 +44,7 @@ const s = useSearchStore();
     justify-content: space-around;
     margin: 1rem;
     width: max-content;
-    background: linear-gradient(37deg, $gray3, $gray4, $gray3);
+    background: linear-gradient(37deg, $gray1, $gray2, $gray1);
     height: 2rem;
 
     & > * {
@@ -55,6 +55,7 @@ const s = useSearchStore();
       display: flex;
       align-items: center;
       justify-content: center;
+      user-select: none;
 
       cursor: pointer;
       transition: all 0.3s ease;