feat: check screen size to enable or disable settings

+ redesign (again!) the playlist cards

src/assets/scss/Global/app-grid.scss

@@ -13,8 +13,8 @@
   margin: 0 auto;
   margin-top: -$small;
   max-width: 1720px;
-  padding-right: $medium;
-  border-right: solid 1px $gray4;
+  // padding-right: $medium;
+  // border-right: solid 1px $gray4;
   padding-top: $small;
 }
 
@@ -24,6 +24,11 @@
   max-width: 100%;
 }
 
+#app-grid.addBorderRight {
+  border-right: solid 1px $gray4;
+  padding-right: $medium;
+}
+
 #app-grid.isSmall {
   grid-template-columns: min-content 1fr;
   grid-template-areas:

src/assets/scss/_variables.scss

@@ -45,7 +45,7 @@ $secondary: $gray5;
 $danger: $red;
 $track-hover: $gray4;
 $context: black;
-$playlist-card-bg: #46474C;
+$playlist-card-bg: $gray4;
 
 // SVG COLORS
 $default: $accent;