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/app-grid.scss

@@ -6,7 +6,7 @@
     "l-sidebar nav search-input"
     "l-sidebar content r-sidebar"
     "l-sidebar content r-sidebar"
-    "l-sidebar content tabs";
+    "l-sidebar content bottombar";
   max-width: 2720px;
   height: calc(100vh - 1rem);
   margin: 0 auto;
@@ -19,7 +19,11 @@
 
   @include tablet-landscape {
     grid-template-columns: min-content 1fr;
-
+    grid-template-areas:
+      "l-sidebar nav"
+      "l-sidebar content"
+      "l-sidebar content"
+      "l-sidebar bottombar";
     .r-sidebar,
     #tabs,
     #gsearch-input {
@@ -32,7 +36,6 @@
   grid-area: content;
   max-width: 1955px;
   overflow: hidden scroll;
-  margin-top: -$small;
 
   .nav {
     margin: $small;
@@ -48,7 +51,6 @@
 
 .r-sidebar {
   grid-area: r-sidebar;
-  margin-top: -$small;
 }
 
 #gsearch-input {
@@ -66,7 +68,6 @@
   padding: 1rem;
 }
 
-.bottom-bar {
-  grid-area: bottom-bar;
-  height: 4rem;
+.b-bar {
+  grid-area: bottombar;
 }