Discard the use of philzet/ColorPick.js and reimplement in vanilla js

I still don't understand what changed on Nextcloud 24, but in the main
script jQuery works great and in the libraries just fails.. 🤔

css/qn-colorpick.scss

@@ -0,0 +1,32 @@
+.colorPickWrapper {
+    position: relative;
+    width: 0;
+    height: 0;
+}
+
+#colorPick {
+  background: #fff;
+  -webkit-backdrop-filter: blur(15px);
+  position: absolute;
+  border-radius: 8px;
+  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
+  padding: 10px;
+  width: auto;
+  box-sizing: content-box;
+  z-index: 2500;
+  display: flex;
+}
+
+.colorPickButton {
+  border-radius: 50%;
+  width: 24px;
+  height: 24px;
+  margin: 0px 3px;
+  cursor: pointer;
+  display: inline-block;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+.colorPickButton:hover {
+  transform: scale(1.1);
+}

css/style.scss

@@ -360,20 +360,4 @@ div.select2-container {
     height: 32px;
     padding: 0px !important;
     border-radius: 50%;
-}
-
-/* Color Picker */
-
-#colorPick {
-    border-radius: 8px;
-    padding: 12px;
-    background-color: var(--color-background-dark);
-    opacity: 1.0 !important;
-    z-index: 2500;
-}
-
-#colorPick span {
-    color: var(--color-main-text);
-    font-size: 13px;
-    text-transform: initial;
-}
+}