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/assets/scss/Global/basic.scss

@@ -24,9 +24,17 @@
 }
 
 .rounded {
+  border-radius: 1rem;
+}
+
+.rounded-sm {
   border-radius: $small;
 }
 
+.rounded-md {
+  border-radius: $medium;
+}
+
 .circular {
   border-radius: 20px;
 }
@@ -36,7 +44,7 @@
 }
 
 .bg-black {
-  background-color: $black;
+  background-color: $gray4;
   box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
 }
 
@@ -58,8 +66,8 @@ button {
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 2rem;
-  background-image: linear-gradient(70deg, $gray3, $gray2);
+  height: 2.25rem;
+  background: linear-gradient(70deg, $gray3, $gray2);
 
   &:hover {
     background-image: linear-gradient(70deg, #234ece, $darkblue);