add now playing card settings

+ move left sidebar to separate component

src/components/LeftSidebar/NP/Progress.vue

@@ -7,6 +7,11 @@
     :max="q.duration.full"
     step="0.1"
     @change="seek()"
+    :style="{
+      backgroundSize: `${
+        (q.duration.current / (q.currenttrack.length || 0)) * 100
+      }% 100%`,
+    }"
   />
 </template>
 
@@ -15,9 +20,9 @@ import useQStore from "../../../stores/queue";
 
 const q = useQStore();
 const seek = () => {
-  const elem = <HTMLFormElement>document.getElementById("progress");
+  const elem = document.getElementById("progress") as HTMLInputElement;
   const value = elem.value;
 
-  q.seek(value);
+  q.seek(value as unknown as number);
 };
 </script>