fix albumView using watch function

- other minor changes to almost all files

src/assets/css/ProgressBar.scss

@@ -21,18 +21,20 @@ input[type="range"]::-webkit-slider-thumb {
 
 input[type="range"]::-moz-range-thumb {
   -webkit-appearance: none;
-  height: 1rem;
-  width: 1rem;
+  height: 0.8rem;
+  width: 0.8rem;
   border-radius: 50%;
   background: $blue;
+  border: none;
 }
 
 input[type="range"]::-ms-thumb {
   -webkit-appearance: none;
-  height: 1rem;
-  width: 1rem;
+  height: 0.8rem;
+  width: 0.8rem;
   border-radius: 50%;
   background: $blue;
+  border: none;
 }
 
 input[type="range"]::-webkit-slider-thumb:hover {

src/assets/css/Search/Search.scss

@@ -8,11 +8,10 @@
   width: auto;
   height: 100%;
   padding: $small $small 0 $small;
-  // margin: $small 0 $small 0;
 
   .no-res {
     text-align: center;
-    height: calc(100% - 1rem);
+    // height: calc(100% - 1rem);
     display: grid;
 
     .highlight {
@@ -45,30 +44,6 @@
     background-image: url(../../icons/search.svg);
     background-size: 70%;
   }
-
-  .v11 {
-    opacity: 0;
-    transform: translateY(-4rem);
-    transition: all 0.2s ease-in;
-  }
-
-  .v00 {
-    opacity: 1;
-    transition: all 0.2s ease-in;
-  }
-
-  .suggestions {
-    display: flex;
-    gap: 0.5rem;
-    margin-left: 1rem;
-    position: absolute;
-    right: 2.5rem;
-
-    .item::before {
-      content: "#";
-      color: grey;
-    }
-  }
 }
 
 .right-search .scrollable {