Feat: Charts dashboard

package-lock.json

@@ -25,6 +25,7 @@
         "@vueuse/head": "^2.0.0",
         "@vueuse/integrations": "^13.7.0",
         "animate.css": "^4.1.1",
+        "apexcharts": "^5.10.4",
         "axios": "1.13.5",
         "buefy": "^3.0.3",
         "bulma": "^1.0.2",
@@ -52,6 +53,7 @@
         "vue-qrcode-reader": "^5.7.3",
         "vue-router": "^4.5.0",
         "vue-toast-notification": "^3.1.3",
+        "vue3-apexcharts": "^1.11.1",
         "vue3-cookies": "^1.0.6",
         "vuex": "^4.1.0",
         "xlsx": "^0.18.5"
@@ -5168,6 +5170,12 @@
       "resolved": "https://registry.npmjs.org/any-base/-/any-base-1.1.0.tgz",
       "integrity": "sha512-uMgjozySS8adZZYePpaWs8cxB9/kdzmpX6SgJZ+wbz1K5eYk5QMYDVJaZKhxyIHUdnnJkfR7SVgStgH7LkGUyg=="
     },
+    "node_modules/apexcharts": {
+      "version": "5.10.4",
+      "resolved": "https://registry.npmjs.org/apexcharts/-/apexcharts-5.10.4.tgz",
+      "integrity": "sha512-gt0VUqZ2+mr25ScbUcKZgJr96jKYm4vjOcxEWCEh/E5F4dWqhyo3dBhPRvNNnkKiWxkMd2cBwj3ZYH3rK39fkA==",
+      "license": "SEE LICENSE IN LICENSE"
+    },
     "node_modules/aria-query": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
@@ -13483,6 +13491,21 @@
         "vue": "^3.0"
       }
     },
+    "node_modules/vue3-apexcharts": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/vue3-apexcharts/-/vue3-apexcharts-1.11.1.tgz",
+      "integrity": "sha512-MbN3vg8bMG19wc0Lm1HkeQvODgLm56DgpIxtNUO0xpf/JCzYWVGE4jzXp2JISzy2s3Kul1yOxNQUYsLvKQ5L9g==",
+      "license": "see LICENSE in LICENSE",
+      "peerDependencies": {
+        "apexcharts": ">=5.10.0",
+        "vue": ">=3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "apexcharts": {
+          "optional": false
+        }
+      }
+    },
     "node_modules/vue3-cookies": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/vue3-cookies/-/vue3-cookies-1.0.6.tgz",