Update department ID handling and upgrade dependencies

Replaced the direct access of `department_id.value` with `getDepartment()` for better encapsulation in `POSDepartmentProcess.vue`. Updated multiple dependencies in `package-lock.json`, including Babel, Vue Flow, and others, to improve functionality and maintain up-to-date libraries.

package.json

@@ -13,6 +13,7 @@
     "@popperjs/core": "^2.11.8",
     "@sweetalert2/theme-bulma": "^5.0.18",
     "@sweetalert2/theme-dark": "^5.0.18",
+    "@vue-flow/core": "^1.43.1",
     "@vueuse/core": "^12.7.0",
     "animate.css": "^4.1.1",
     "axios": "^1.7.8",
@@ -23,6 +24,7 @@
     "bulma-quickview": "^2.0.0",
     "bulma-switch": "^2.0.4",
     "chart.js": "^4.4.7",
+    "flow": "^0.2.3",
     "sass": "^1.81.1",
     "sweetalert2": "^11.14.5",
     "toastify-js": "^1.12.0",
@@ -36,6 +38,7 @@
   "devDependencies": {
     "@creativebulma/bulma-divider": "^1.1.0",
     "@vitejs/plugin-vue": "^5.1.4",
+    "@vitejs/plugin-vue-jsx": "^4.1.2",
     "sass-embedded": "^1.81.0",
     "vite": "^5.4.10",
     "vite-plugin-vue-devtools": "^7.5.4"