introducing floating bar with toggle

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "psysonic",
-  "version": "1.41.0",
+  "version": "1.42.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "psysonic",
-      "version": "1.41.0",
+      "version": "1.42.1",
       "dependencies": {
         "@fontsource-variable/dm-sans": "^5.2.8",
         "@fontsource-variable/figtree": "^5.2.10",
@@ -33,6 +33,7 @@
         "@tauri-apps/plugin-updater": "^2.10.0",
         "@tauri-apps/plugin-window-state": "^2.4.1",
         "axios": "^1.7.7",
+        "colorthief": "^3.3.1",
         "i18next": "^25.8.16",
         "lucide-react": "^0.462.0",
         "md5": "^2.3.0",
@@ -45,6 +46,7 @@
       },
       "devDependencies": {
         "@tauri-apps/cli": "^2",
+        "@types/colorthief": "^2.6.1",
         "@types/md5": "^2.3.5",
         "@types/node": "^25.3.5",
         "@types/papaparse": "^5.5.2",
@@ -1720,6 +1722,16 @@
         "assertion-error": "^2.0.1"
       }
     },
+    "node_modules/@types/colorthief": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/@types/colorthief/-/colorthief-2.6.1.tgz",
+      "integrity": "sha512-3hlRky7ybPuQDNx3RV29P/CTvuC7zkk//Xt/NyOwNg5RhL/y54a0q4aW7MNMkvBkGJqX2g2igNCoCh3ZtK4gZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/deep-eql": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/@types/deep-eql/-/deep-eql-4.0.2.tgz",
@@ -2050,6 +2062,23 @@
         "node": "*"
       }
     },
+    "node_modules/colorthief": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/colorthief/-/colorthief-3.3.1.tgz",
+      "integrity": "sha512-a3qzYXy51h6p3725pV8rnJwUBGTtvYQge2pVhKJwL+vETUD5pCi6VKmQyu51pBHdUbu/BPEXbwFLS0GnxXNhGA==",
+      "license": "MIT",
+      "bin": {
+        "colorthief": "dist/cli.js"
+      },
+      "peerDependencies": {
+        "sharp": ">=0.33.0"
+      },
+      "peerDependenciesMeta": {
+        "sharp": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",