further refactor paddings and colors

src/components/RightSideBar/Home/Main.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="r-home border">
+  <div class="r-home">
    <NowPlaying />
    <Recommendations />
   </div>

src/components/RightSideBar/Main.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="r-sidebar">
     <div class="grid">
-      <div class="r-content">
+      <div class="r-content border">
         <div class="r-dash" v-show="current_tab == tabs.home">
           <DashBoard />
         </div>
@@ -13,7 +13,7 @@
           <UpNext />
         </div>
       </div>
-      <div class="tab-keys card-dark">
+      <div class="tab-keys card-dark border">
         <Tabs :current_tab="current_tab" :tabs="tabs" @changeTab="changeTab" />
       </div>
     </div>

src/components/RightSideBar/Queue.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="up-next border">
+  <div class="up-next">
     <p class="heading">COMING UP NEXT</p>
     <div class="r-grid">
       <div class="main-item h-1 border" @click="playNext">
@@ -129,10 +129,6 @@ export default {
       overflow: auto;
       background-color: $card-dark;
       scrollbar-color: grey transparent;
-
-      &::-webkit-scrollbar-track {
-        background-color: transparent;
-      }
     }
   }
 }