[ Update UI Tamplate ]

package-lock.json

@@ -1918,7 +1918,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1935,7 +1934,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1952,7 +1950,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1969,7 +1966,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1986,7 +1982,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2003,7 +1998,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2020,7 +2014,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2037,7 +2030,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2054,7 +2046,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2071,7 +2062,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2088,7 +2078,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2105,7 +2094,6 @@
       "cpu": [
         "loong64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2122,7 +2110,6 @@
       "cpu": [
         "mips64el"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2139,7 +2126,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2156,7 +2142,6 @@
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2173,7 +2158,6 @@
       "cpu": [
         "s390x"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2190,7 +2174,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2207,7 +2190,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2224,7 +2206,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2241,7 +2222,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2258,7 +2238,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2275,7 +2254,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2292,7 +2270,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2309,7 +2286,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2326,7 +2302,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2430,6 +2405,23 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/@eslint/eslintrc/node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
     "node_modules/@eslint/eslintrc/node_modules/globals": {
       "version": "14.0.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
@@ -2443,6 +2435,13 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@eslint/eslintrc/node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@eslint/js": {
       "version": "9.17.0",
       "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.17.0.tgz",
@@ -2790,18 +2789,6 @@
       "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
       "license": "MIT"
     },
-    "node_modules/@rollup/plugin-node-resolve/node_modules/picomatch": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
-      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
     "node_modules/@rollup/plugin-replace": {
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-2.4.2.tgz",
@@ -2860,14 +2847,25 @@
       "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==",
       "license": "MIT"
     },
+    "node_modules/@rollup/pluginutils/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.29.1",
+      "version": "4.34.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.34.1.tgz",
-      "integrity": "sha512-ssKhA8RNltTZLpG6/QNkCSge+7mBQGUqJRisZ2MDQcEGaK93QESEgWK2iOpIDZ7k9zPVkG5AS3ksvD5ZWxmItw==",
+      "integrity": "sha512-kwctwVlswSEsr4ljpmxKrRKp1eG1v2NAhlzFzDf1x1OdYaMjBYjDCbHkzWm57ZXzTwqn8stMXgROrnMw8dJK3w==",
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2875,13 +2873,12 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.29.1",
+      "version": "4.34.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.34.1.tgz",
-      "integrity": "sha512-CaRfrV0cd+NIIcVVN/jx+hVLN+VRqnuzLRmfmlzpOzB87ajixsN/+9L5xNmkaUUvEbI5BmIKS+XTwXsHEb65Ew==",
+      "integrity": "sha512-4H5ZtZitBPlbPsTv6HBB8zh1g5d0T8TzCmpndQdqq20Ugle/nroOyDMf9p7f88Gsu8vBLU78/cuh8FYHZqdXxw==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2889,13 +2886,12 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.29.1",
+      "version": "4.34.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.34.1.tgz",
-      "integrity": "sha512-2ORr7T31Y0Mnk6qNuwtyNmy14MunTAMx06VAPI6/Ju52W10zk1i7i5U3vlDRWjhOI5quBcrvhkCHyF76bI7kEw==",
+      "integrity": "sha512-f2AJ7Qwx9z25hikXvg+asco8Sfuc5NCLg8rmqQBIOUoWys5sb/ZX9RkMZDPdnnDevXAMJA5AWLnRBmgdXGEUiA==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2903,13 +2899,12 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.29.1",
+      "version": "4.34.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.34.1.tgz",
-      "integrity": "sha512-j/Ej1oanzPjmN0tirRd5K2/nncAhS9W6ICzgxV+9Y5ZsP0hiGhHJXZ2JQ53iSSjj8m6cRY6oB1GMzNn2EUt6Ng==",
+      "integrity": "sha512-+/2JBrRfISCsWE4aEFXxd+7k9nWGXA8+wh7ZUHn/u8UDXOU9LN+QYKKhd57sIn6WRcorOnlqPMYFIwie/OHXWw==",
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2917,13 +2912,12 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.29.1",
+      "version": "4.34.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.34.1.tgz",
-      "integrity": "sha512-91C//G6Dm/cv724tpt7nTyP+JdN12iqeXGFM1SqnljCmi5yTXriH7B1r8AD9dAZByHpKAumqP1Qy2vVNIdLZqw==",
+      "integrity": "sha512-SUeB0pYjIXwT2vfAMQ7E4ERPq9VGRrPR7Z+S4AMssah5EHIilYqjWQoTn5dkDtuIJUSTs8H+C9dwoEcg3b0sCA==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2931,13 +2925,12 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.29.1",
+      "version": "4.34.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.34.1.tgz",
-      "integrity": "sha512-hEioiEQ9Dec2nIRoeHUP6hr1PSkXzQaCUyqBDQ9I9ik4gCXQZjJMIVzoNLBRGet+hIUb3CISMh9KXuCcWVW/8w==",
+      "integrity": "sha512-L3T66wAZiB/ooiPbxz0s6JEX6Sr2+HfgPSK+LMuZkaGZFAFCQAHiP3dbyqovYdNaiUXcl9TlgnIbcsIicAnOZg==",
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2945,13 +2938,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.29.1",
+      "version": "4.34.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.34.1.tgz",
-      "integrity": "sha512-Py5vFd5HWYN9zxBv3WMrLAXY3yYJ6Q/aVERoeUFwiDGiMOWsMs7FokXihSOaT/PMWUty/Pj60XDQndK3eAfE6A==",
+      "integrity": "sha512-UBXdQ4+ATARuFgsFrQ+tAsKvBi/Hly99aSVdeCUiHV9dRTTpMU7OrM3WXGys1l40wKVNiOl0QYY6cZQJ2xhKlQ==",
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2959,13 +2951,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.29.1",
+      "version": "4.34.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.34.1.tgz",
-      "integrity": "sha512-RiWpGgbayf7LUcuSNIbahr0ys2YnEERD4gYdISA06wa0i8RALrnzflh9Wxii7zQJEB2/Eh74dX4y/sHKLWp5uQ==",
+      "integrity": "sha512-m/yfZ25HGdcCSwmopEJm00GP7xAUyVcBPjttGLRAqZ60X/bB4Qn6gP7XTwCIU6bITeKmIhhwZ4AMh2XLro+4+w==",
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2973,13 +2964,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.29.1",
+      "version": "4.34.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.34.1.tgz",
-      "integrity": "sha512-Z80O+taYxTQITWMjm/YqNoe9d10OX6kDh8X5/rFCMuPqsKsSyDilvfg+vd3iXIqtfmp+cnfL1UrYirkaF8SBZA==",
+      "integrity": "sha512-Wy+cUmFuvziNL9qWRRzboNprqSQ/n38orbjRvd6byYWridp5TJ3CD+0+HUsbcWVSNz9bxkDUkyASGP0zS7GAvg==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2987,13 +2977,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.29.1",
+      "version": "4.34.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.34.1.tgz",
-      "integrity": "sha512-fOHRtF9gahwJk3QVp01a/GqS4hBEZCV1oKglVVq13kcK3NeVlS4BwIFzOHDbmKzt3i0OuHG4zfRP0YoG5OF/rA==",
+      "integrity": "sha512-CQ3MAGgiFmQW5XJX5W3wnxOBxKwFlUAgSXFA2SwgVRjrIiVt5LHfcQLeNSHKq5OEZwv+VCBwlD1+YKCjDG8cpg==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3001,13 +2990,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
-      "version": "4.29.1",
+      "version": "4.34.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.34.1.tgz",
-      "integrity": "sha512-5a7q3tnlbcg0OodyxcAdrrCxFi0DgXJSoOuidFUzHZ2GixZXQs6Tc3CHmlvqKAmOs5eRde+JJxeIf9DonkmYkw==",
+      "integrity": "sha512-rSzb1TsY4lSwH811cYC3OC2O2mzNMhM13vcnA7/0T6Mtreqr3/qs6WMDriMRs8yvHDI54qxHgOk8EV5YRAHFbw==",
       "cpu": [
         "loong64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3015,13 +3003,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.29.1",
+      "version": "4.34.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.34.1.tgz",
-      "integrity": "sha512-9b4Mg5Yfz6mRnlSPIdROcfw1BU22FQxmfjlp/CShWwO3LilKQuMISMTtAu/bxmmrE6A902W2cZJuzx8+gJ8e9w==",
+      "integrity": "sha512-fwr0n6NS0pG3QxxlqVYpfiY64Fd1Dqd8Cecje4ILAV01ROMp4aEdCj5ssHjRY3UwU7RJmeWd5fi89DBqMaTawg==",
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3029,13 +3016,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.29.1",
+      "version": "4.34.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.34.1.tgz",
-      "integrity": "sha512-G5pn0NChlbRM8OJWpJFMX4/i8OEU538uiSv0P6roZcbpe/WfhEO+AT8SHVKfp8qhDQzaz7Q+1/ixMy7hBRidnQ==",
+      "integrity": "sha512-4uJb9qz7+Z/yUp5RPxDGGGUcoh0PnKF33QyWgEZ3X/GocpWb6Mb+skDh59FEt5d8+Skxqs9mng6Swa6B2AmQZg==",
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3043,13 +3029,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.29.1",
+      "version": "4.34.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.34.1.tgz",
-      "integrity": "sha512-WM9lIkNdkhVwiArmLxFXpWndFGuOka4oJOZh8EP3Vb8q5lzdSCBuhjavJsw68Q9AKDGeOOIHYzYm4ZFvmWez5g==",
+      "integrity": "sha512-QlIo8ndocWBEnfmkYqj8vVtIUpIqJjfqKggjy7IdUncnt8BGixte1wDON7NJEvLg3Kzvqxtbo8tk+U1acYEBlw==",
       "cpu": [
         "s390x"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3057,13 +3042,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.29.1",
+      "version": "4.34.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.34.1.tgz",
-      "integrity": "sha512-87xYCwb0cPGZFoGiErT1eDcssByaLX4fc0z2nRM6eMtV9njAfEE6OW3UniAoDhX4Iq5xQVpE6qO9aJbCFumKYQ==",
+      "integrity": "sha512-hzpleiKtq14GWjz3ahWvJXgU1DQC9DteiwcsY4HgqUJUGxZThlL66MotdUEK9zEo0PK/2ADeZGM9LIondE302A==",
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3071,13 +3055,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.29.1",
+      "version": "4.34.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.34.1.tgz",
-      "integrity": "sha512-xufkSNppNOdVRCEC4WKvlR1FBDyqCSCpQeMMgv9ZyXqqtKBfkw1yfGMTUTs9Qsl6WQbJnsGboWCp7pJGkeMhKA==",
+      "integrity": "sha512-jqtKrO715hDlvUcEsPn55tZt2TEiBvBtCMkUuU0R6fO/WPT7lO9AONjPbd8II7/asSiNVQHCMn4OLGigSuxVQA==",
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3085,13 +3068,12 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.29.1",
+      "version": "4.34.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.34.1.tgz",
-      "integrity": "sha512-F2OiJ42m77lSkizZQLuC+jiZ2cgueWQL5YC9tjo3AgaEw+KJmVxHGSyQfDUoYR9cci0lAywv2Clmckzulcq6ig==",
+      "integrity": "sha512-RnHy7yFf2Wz8Jj1+h8klB93N0NHNHXFhNwAmiy9zJdpY7DE01VbEVtPdrK1kkILeIbHGRJjvfBDBhnxBr8kD4g==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3099,13 +3081,12 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.29.1",
+      "version": "4.34.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.34.1.tgz",
-      "integrity": "sha512-rYRe5S0FcjlOBZQHgbTKNrqxCBUmgDJem/VQTCcTnA2KCabYSWQDrytOzX7avb79cAAweNmMUb/Zw18RNd4mng==",
+      "integrity": "sha512-i7aT5HdiZIcd7quhzvwQ2oAuX7zPYrYfkrd1QFfs28Po/i0q6kas/oRrzGlDhAEyug+1UfUtkWdmoVlLJj5x9Q==",
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3113,13 +3094,12 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.29.1",
+      "version": "4.34.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.34.1.tgz",
-      "integrity": "sha512-+10CMg9vt1MoHj6x1pxyjPSMjHTIlqs8/tBztXvPAx24SKs9jwVnKqHJumlH/IzhaPUaj3T6T6wfZr8okdXaIg==",
+      "integrity": "sha512-k3MVFD9Oq+laHkw2N2v7ILgoa9017ZMF/inTtHzyTVZjYs9cSH18sdyAf6spBAJIGwJ5UaC7et2ZH1WCdlhkMw==",
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3164,7 +3144,7 @@
       "version": "7.20.5",
       "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
       "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.20.7",
@@ -3178,7 +3158,7 @@
       "version": "7.6.8",
       "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz",
       "integrity": "sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/types": "^7.0.0"
@@ -3188,7 +3168,7 @@
       "version": "7.4.4",
       "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
       "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.1.0",
@@ -3199,7 +3179,7 @@
       "version": "7.20.6",
       "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.6.tgz",
       "integrity": "sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/types": "^7.20.7"
@@ -4410,16 +4390,15 @@
       }
     },
     "node_modules/ajv": {
-      "version": "6.12.6",
+      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "fast-deep-equal": "^3.1.1",
+        "fast-deep-equal": "^3.1.3",
-        "fast-json-stable-stringify": "^2.0.0",
+        "fast-uri": "^3.0.1",
-        "json-schema-traverse": "^0.4.1",
+        "json-schema-traverse": "^1.0.0",
-        "uri-js": "^4.2.2"
+        "require-from-string": "^2.0.2"
       },
       "funding": {
         "type": "github",
@@ -4475,6 +4454,19 @@
         "node": ">= 8"
       }
     },
+    "node_modules/anymatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -5375,6 +5367,15 @@
         "node": ">=10"
       }
     },
+    "node_modules/cosmiconfig/node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -5722,7 +5723,6 @@
       "version": "0.24.2",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.24.2.tgz",
       "integrity": "sha512-+9egpBW8I3CD5XPe0n6BfT5fxLzxrlDzqydF3aviG+9ni1lDC/OvMHcxqEFV0+LANZG5R1bFMWfUrjVsdwxJvA==",
-      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "bin": {
@@ -5893,6 +5893,30 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/eslint/node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/eslint/node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/espree": {
       "version": "10.3.0",
       "resolved": "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz",
@@ -7242,10 +7266,9 @@
       "license": "(AFL-2.1 OR BSD-3-Clause)"
     },
     "node_modules/json-schema-traverse": {
-      "version": "0.4.1",
+      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/json-stable-stringify-without-jsonify": {
@@ -7440,6 +7463,19 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/micromatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -7499,7 +7535,6 @@
       "version": "3.3.8",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
       "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -7851,12 +7886,12 @@
       "license": "ISC"
     },
     "node_modules/picomatch": {
-      "version": "2.3.1",
+      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
       "license": "MIT",
       "engines": {
-        "node": ">=8.6"
+        "node": ">=12"
       },
       "funding": {
         "url": "https://github.com/sponsors/jonschlinkert"
@@ -7885,7 +7920,6 @@
       "version": "8.4.49",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
       "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -8121,6 +8155,19 @@
         "node": ">=8.10.0"
       }
     },
+    "node_modules/readdirp/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/reflect.getprototypeof": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
@@ -8293,41 +8340,17 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.29.1",
+      "version": "2.79.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.29.1.tgz",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.2.tgz",
-      "integrity": "sha512-RaJ45M/kmJUzSWDs1Nnd5DdV4eerC98idtUOVr6FfKcgxqvjwHmxc5upLF9qZU9EpsVzzhleFahrT3shLuJzIw==",
+      "integrity": "sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ==",
-      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@types/estree": "1.0.6"
-      },
       "bin": {
         "rollup": "dist/bin/rollup"
       },
       "engines": {
-        "node": ">=18.0.0",
+        "node": ">=10.0.0"
-        "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.29.1",
-        "@rollup/rollup-android-arm64": "4.29.1",
-        "@rollup/rollup-darwin-arm64": "4.29.1",
-        "@rollup/rollup-darwin-x64": "4.29.1",
-        "@rollup/rollup-freebsd-arm64": "4.29.1",
-        "@rollup/rollup-freebsd-x64": "4.29.1",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.29.1",
-        "@rollup/rollup-linux-arm-musleabihf": "4.29.1",
-        "@rollup/rollup-linux-arm64-gnu": "4.29.1",
-        "@rollup/rollup-linux-arm64-musl": "4.29.1",
-        "@rollup/rollup-linux-loongarch64-gnu": "4.29.1",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.29.1",
-        "@rollup/rollup-linux-riscv64-gnu": "4.29.1",
-        "@rollup/rollup-linux-s390x-gnu": "4.29.1",
-        "@rollup/rollup-linux-x64-gnu": "4.29.1",
-        "@rollup/rollup-linux-x64-musl": "4.29.1",
-        "@rollup/rollup-win32-arm64-msvc": "4.29.1",
-        "@rollup/rollup-win32-ia32-msvc": "4.29.1",
-        "@rollup/rollup-win32-x64-msvc": "4.29.1",
         "fsevents": "~2.3.2"
       }
     },
@@ -8660,7 +8683,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
       "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
@@ -9071,18 +9093,6 @@
         "node": ">=12.0.0"
       }
     },
-    "node_modules/tinyglobby/node_modules/picomatch": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
-      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -9425,7 +9435,6 @@
       "version": "6.0.6",
       "resolved": "https://registry.npmjs.org/vite/-/vite-6.0.6.tgz",
       "integrity": "sha512-NSjmUuckPmDU18bHz7QZ+bTYhRR0iA72cs2QAxCqDpafJ0S6qetco0LB3WW2OxlMHS0JmAv+yZ/R3uPmMyGTjQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "esbuild": "^0.24.2",
@@ -9523,6 +9532,44 @@
         }
       }
     },
+    "node_modules/vite/node_modules/rollup": {
+      "version": "4.34.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.34.1.tgz",
+      "integrity": "sha512-iYZ/+PcdLYSGfH3S+dGahlW/RWmsqDhLgj1BT9DH/xXJ0ggZN7xkdP9wipPNjjNLczI+fmMLmTB9pye+d2r4GQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.6"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.34.1",
+        "@rollup/rollup-android-arm64": "4.34.1",
+        "@rollup/rollup-darwin-arm64": "4.34.1",
+        "@rollup/rollup-darwin-x64": "4.34.1",
+        "@rollup/rollup-freebsd-arm64": "4.34.1",
+        "@rollup/rollup-freebsd-x64": "4.34.1",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.34.1",
+        "@rollup/rollup-linux-arm-musleabihf": "4.34.1",
+        "@rollup/rollup-linux-arm64-gnu": "4.34.1",
+        "@rollup/rollup-linux-arm64-musl": "4.34.1",
+        "@rollup/rollup-linux-loongarch64-gnu": "4.34.1",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.34.1",
+        "@rollup/rollup-linux-riscv64-gnu": "4.34.1",
+        "@rollup/rollup-linux-s390x-gnu": "4.34.1",
+        "@rollup/rollup-linux-x64-gnu": "4.34.1",
+        "@rollup/rollup-linux-x64-musl": "4.34.1",
+        "@rollup/rollup-win32-arm64-msvc": "4.34.1",
+        "@rollup/rollup-win32-ia32-msvc": "4.34.1",
+        "@rollup/rollup-win32-x64-msvc": "4.34.1",
+        "fsevents": "~2.3.2"
+      }
+    },
     "node_modules/web-streams-polyfill": {
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.3.3.tgz",
@@ -9727,22 +9774,6 @@
         "node": ">=16.0.0"
       }
     },
-    "node_modules/workbox-build/node_modules/ajv": {
-      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
-      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
-      "license": "MIT",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3",
-        "fast-uri": "^3.0.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
     "node_modules/workbox-build/node_modules/glob": {
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -9764,12 +9795,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/workbox-build/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "license": "MIT"
-    },
     "node_modules/workbox-build/node_modules/pretty-bytes": {
       "version": "5.6.0",
       "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz",
@@ -9782,21 +9807,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/workbox-build/node_modules/rollup": {
-      "version": "2.79.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.2.tgz",
-      "integrity": "sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ==",
-      "license": "MIT",
-      "bin": {
-        "rollup": "dist/bin/rollup"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
     "node_modules/workbox-build/node_modules/source-map": {
       "version": "0.8.0-beta.0",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.8.0-beta.0.tgz",
@@ -10041,12 +10051,17 @@
       "license": "ISC"
     },
     "node_modules/yaml": {
-      "version": "1.10.2",
+      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.7.0.tgz",
-      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "integrity": "sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==",
       "license": "ISC",
+      "optional": true,
+      "peer": true,
+      "bin": {
+        "yaml": "bin.mjs"
+      },
       "engines": {
-        "node": ">= 6"
+        "node": ">= 14"
       }
     },
     "node_modules/yocto-queue": {

src/Layouts/DefaultLayout.tsx

@@ -15,26 +15,26 @@ const DefaultLayout: FC<{ children: React.ReactNode }> = ({ children }) => {
 
 
   return (
-    <HStack position={'relative'} bg="#F2F2F2" backgroundPosition="center" backgroundRepeat="repeat" backgroundSize="cover" gap={0} w="100%" h="100vh" p={2}>
+    <HStack position={'relative'} bg="#F2F2F2" backgroundPosition="center" backgroundRepeat="repeat" backgroundSize="cover" gap={0} w="100%" h="100vh" p={0}>
     
-      <VStack  zIndex={1} gap={0} rounded={'lg'} h="100%" w="15%"  >
+      <VStack  zIndex={1} gap={0} rounded={'lg'} h="100%" w="16%" overflow={'scroll'} >
-        <HStack w={'100%'} p={3} h={'6.5%'} justifyContent={'center'}>
+        <HStack w={'100%'} p={3} h={'8%'} justifyContent={'center'}>
           <Image w={55} src={logo} />
         </HStack>
-        <VStack w={'100%'} p={3}>
+        <VStack w={'100%'} p={4} pt={0}>
           {nav?.map(({ title, path, Icon, type, children }, index) => type === 'single' ?
             <NavLink className="link" key={index} to={path} style={{ cursor: 'pointer', borderRadius: '8px', padding: '6px', width: '100%', display: 'flex', alignItems: 'center', gap: 6, border: '1px solid #ffffff', backgroundColor:'#fff', color:'#000', boxShadow:'rgba(99, 99, 99, 0.2) 0px 2px 8px 0px'}} ><Icon style={{ fontSize: '20px' }} /> <Text fontSize={'xs'} w={'100%'}>{title}</Text></NavLink> :
             <AccordionRoot bg={'#fff'} rounded={'lg'} collapsible>
               <AccordionItem boxShadow={'rgba(99, 99, 99, 0.2) 0px 2px 8px 0px'} borderBottom={'none'} p={0} key={index} value={title}>
-                <AccordionItemTrigger color={'#fff'}   onClick={() => navigate(path)} gap={0} style={{ cursor: 'pointer', borderRadius: '8px', padding: '5px', width: '100%', display: 'flex', alignItems: 'center', border: '1px solid #ffffff', backgroundColor:'#fff',color:'#000',  fontSize: '14px',  }}> <Text fontSize={'xs'} gap={1} display={'flex'} alignItems={'center'} ><Icon style={{ fontSize: '20px' }} />{title}</Text></AccordionItemTrigger>
+                <AccordionItemTrigger className="Oxygen" color={'#fff'}   onClick={() => navigate(path)} gap={0} style={{ cursor: 'pointer', borderRadius: '8px', padding: '5px', width: '100%', display: 'flex', alignItems: 'center', border: '1px solid #ffffff', backgroundColor:'#fff',color:'#000',  fontSize: '14px',  }}> <Text fontSize={'xs'} gap={1} display={'flex'} alignItems={'center'} ><Icon style={{ fontSize: '20px' }} />{title}</Text></AccordionItemTrigger>
-                {children?.map(({ title, path, Icon }, index) => <AccordionItemContent className={`linkChild  ${location?.pathname === path && 'activeChild'}`} key={index} onClick={()=>navigate(path)} style={{ marginTop: 6, cursor: 'pointer', borderRadius: '8px', padding: '6px', width: '100%', display: 'flex', alignItems: 'center', gap: 6, border: '1px solid #ffffff', backgroundColor:'#fff',color:'#000' }} ><Icon style={{ fontSize: '20px' }} /> <Text fontSize={'xs'} w={'100%'}>{title}</Text></AccordionItemContent>)}
+                {children?.map(({ title, path, Icon }, index) => <AccordionItemContent className={`linkChild Oxygen ${location?.pathname === path && 'activeChild'}`} key={index} onClick={()=>navigate(path)} style={{ marginTop: 6, cursor: 'pointer', borderRadius: '8px', padding: '6px', width: '100%', display: 'flex', alignItems: 'center', gap: 6, border: '1px solid #ffffff', backgroundColor:'#fff',color:'#919198' }} ><Icon style={{ fontSize: '20px' }} /> <Text fontSize={'xs'} w={'100%'}>{title}</Text></AccordionItemContent>)}
               </AccordionItem>
             </AccordionRoot>)}
         </VStack>
       </VStack>
       <VStack gap={0} h="100%" w="85%" >
-        <HStack h={'6%'} w={'100%'} justifyContent={'flex-end'} pe={3} gap={6}>
+        <HStack h={'8%'} w={'100%'} justifyContent={'flex-end'} pe={3} gap={6}>
-          <RiNotificationLine color="#013e3e" cursor={'pointer'} style={{ fontSize: '22px' }} />
+          <NavLink to={'/manage-notification'}><RiNotificationLine color="#013e3e" cursor={'pointer'} style={{ fontSize: '22px' }} /></NavLink>
           <HStack cursor={'pointer'} onClick={() => navigate('/profile')} >
             <Avatar size={'sm'} src="https://i.pinimg.com/736x/d6/cd/0f/d6cd0ffd4634b0763d3958a7325ce26e.jpg" />
             <VStack color={'#013e3e'} gap={0} alignItems={'flex-start'}>

src/Pages/CMS/CMS.tsx

@@ -1,6 +0,0 @@
-const CMS = () => {
-  return (
-    <div>CMS</div>
-  )
-}
-export default CMS

src/Pages/ManageCMS/AboutUs/AboutUs.tsx

@@ -0,0 +1,12 @@
+import MainFrame from "../../../components/MainFrame"
+
+
+const AboutUs = () => {
+    return (
+      
+      <MainFrame >
+         AboutUs
+      </MainFrame>
+    )
+  }
+  export default AboutUs

src/Pages/ManageCMS/FAQ/FAQ.tsx

@@ -0,0 +1,12 @@
+import MainFrame from "../../../components/MainFrame"
+
+
+const FAQ = () => {
+    return (
+      
+      <MainFrame >
+         FAQ
+      </MainFrame>
+    )
+  }
+  export default FAQ

src/Pages/ManageCMS/Privacy/Privacy.tsx

@@ -0,0 +1,12 @@
+import MainFrame from "../../../components/MainFrame"
+
+
+const Privacy = () => {
+    return (
+      
+      <MainFrame >
+         Privacy
+      </MainFrame>
+    )
+  }
+  export default Privacy

src/Pages/ManageCMS/PrivacyPolicy/PrivacyPolicy.tsx

@@ -0,0 +1,12 @@
+import MainFrame from "../../../components/MainFrame"
+
+
+const PrivacyPolicy = () => {
+    return (
+      
+      <MainFrame >
+         PrivacyPolicy
+      </MainFrame>
+    )
+  }
+  export default PrivacyPolicy

src/Pages/ManageCMS/TermsAndConditions/TermsAndConditions.tsx

@@ -0,0 +1,12 @@
+import MainFrame from "../../../components/MainFrame"
+
+
+const TermsAndConditions = () => {
+    return (
+      
+      <MainFrame >
+         TermsAndConditions
+      </MainFrame>
+    )
+  }
+  export default TermsAndConditions

src/Pages/ManageCommunity/ManageCommunity.tsx

@@ -1,10 +0,0 @@
-import MainFrame from "../../components/MainFrame"
-
-const ManageCommunity = () => {
-  return (
-    <MainFrame >
-
-    </MainFrame>
-  )
-}
-export default ManageCommunity

src/Pages/ManageCommunity/ManagePost.tsx

@@ -1,11 +0,0 @@
-import MainFrame from "../../components/MainFrame"
-
-const ManagePost = () => {
-  return (
-    <MainFrame >
-
-    </MainFrame>
-  )
-}
-
-export default ManagePost

src/Pages/ManageContact/ManageContact.tsx

@@ -1,11 +1,11 @@
 import MainFrame from "../../components/MainFrame"
 
-const Support = () => {
+const ManageContact = () => {
   return (
     
     <MainFrame >
-
+       ManageContact
     </MainFrame>
   )
 }
-export default Support
+export default ManageContact

src/Pages/ManageGroups/ManageGroups.tsx

@@ -3,7 +3,7 @@ import MainFrame from "../../components/MainFrame"
 const ManageGroups = () => {
   return (
     <MainFrame >
-
+      ManageGroups
     </MainFrame>
   )
 }

src/Pages/ManageJobs/ManageJobs.tsx

@@ -0,0 +1,12 @@
+import MainFrame from "../../components/MainFrame"
+
+
+const ManageJobs = () => {
+    return (
+      
+      <MainFrame>
+         ManageJobs
+      </MainFrame>
+    )
+  }
+  export default ManageJobs

src/Pages/ManagePost/ManagePost.tsx

@@ -0,0 +1,12 @@
+
+import MainFrame from '../../components/MainFrame'
+
+const ManagePost = () => {
+  return (
+    <MainFrame>
+        ManagePost
+    </MainFrame>
+  )
+}
+
+export default ManagePost

src/Pages/ManageUsers/DeactivatedAccounts/DeactivatedAccounts.tsx

@@ -0,0 +1,12 @@
+import MainFrame from "../../../components/MainFrame"
+
+
+const DeactivatedAccounts = () => {
+  return (
+    <MainFrame>
+      DeactivatedAccounts
+    </MainFrame>
+  )
+}
+
+export default DeactivatedAccounts

src/Pages/ManageUsers/ManageUsers.tsx

@@ -1,11 +0,0 @@
-import MainFrame from "../../components/MainFrame"
-
-const ManageUsers = () => {
-  return (
-    <MainFrame >
-
-    </MainFrame>
-  )
-}
-
-export default ManageUsers

src/Pages/ManageUsers/RegisterUsers/RegisterUsers.tsx

@@ -0,0 +1,122 @@
+import { Box, HStack, Image, Input, Text } from "@chakra-ui/react";
+import MainFrame from "../../../components/MainFrame";
+import AlertDailog from "../../../components/AlertDailog";
+import { FcCancel } from "react-icons/fc";
+import { NavLink } from "react-router-dom";
+import { MdOutlineRemoveRedEye } from "react-icons/md";
+import { RiDeleteBin5Line } from "react-icons/ri";
+import DataTable from "../../../components/DataTable";
+import { HiCheck } from "react-icons/hi2";
+import { HiX } from "react-icons/hi";
+import { Switch } from "../../../components/ui/switch";
+import { Button } from "../../../components/ui/button";
+import { InputGroup } from "../../../components/ui/input-group";
+import { LuSearch } from "react-icons/lu";
+
+const tableHeadRow = [
+  "Sr. No",
+  "First Name",
+  "Mobile Number ",
+  "Gender",
+  "DOB",
+  "Type Of User",
+  "Language",
+  "Activate/Deactivate",
+  "Action",
+];
+
+const registerUser: any[] = [
+  ...Array.from({ length: 12 }, (_, i) => ({
+    "Sr. No": i + 1,
+    "First Name": "Ritesh",
+    "Mobile Number ": "akanksha@gmail.com",
+    "Gender": "9876543210",
+    "DOB": "Female",
+    "Type Of User": "15-01-1990",
+    "Language": "Mumbai",
+    "Activate/Deactivate": (
+      <Box>
+        <Switch colorPalette={'teal'} />
+      </Box>
+    ),
+    "Action": (
+      <HStack justifyContent="center">
+        <AlertDailog
+          AltertTiggerIcon={FcCancel}
+          alertText="Suspend User"
+          alertIcon={<Image src={""} h={"39px"} />}
+          alertCaption="Are you sure you want to deactivate this user?"
+          onConfirm={() => {
+            console.log("User deleted:", i + 1);
+          }}
+        />
+        <NavLink to="/manage-user/active-user/view-active-user">
+          <MdOutlineRemoveRedEye
+            style={{ cursor: "pointer", fontSize: "16px" }}
+          />
+        </NavLink>
+
+        {/* <RiDeleteBin5Line style={{ cursor: "pointer" }} /> */}
+        <AlertDailog
+          AltertTiggerIcon={RiDeleteBin5Line}
+          alertText="Delete Users"
+          alertIcon={<Image src={"DeleteIcon"} h={"39px"} />}
+          alertCaption="are you sure you want to delete ?"
+          onConfirm={() => {
+            console.log("User deleted:", i + 1);
+          }}
+        />
+      </HStack>
+    ),
+  })),
+];
+
+const RegisterUsers = () => {
+  return (
+    <MainFrame>
+      <Box>
+      <HStack
+          w={"100%"}
+          justifyContent={"space-between"}
+          mb={4}
+          py={0}
+          px={3}
+        >
+          <Text as={"span"} fontSize={"sm"} fontWeight={500} color={"#000"}>
+             Register Users
+          </Text>
+
+          <HStack>
+            <InputGroup
+              startElement={
+                <LuSearch fontSize={"xs"}  style={{position:'relative',left:'10px'}} />
+              }
+              color={"#000"}
+            >
+              <Input
+                p={4}
+                w={300}
+                bg={"#fff"}
+                colorPalette={"blue"}
+                _focus={{ border: "1px solid #02A0A0" }}
+                rounded={"md"}
+                size={"2xs"}
+                fontSize={"2sm"}
+                placeholder="Search..."
+                bgColor={'#EEEEEE'}
+                ps={8}
+              />
+            </InputGroup>
+          </HStack>
+        </HStack>
+        <DataTable
+          sortableColumns={["Name", "Registration Date "]}
+          tableHeadRow={tableHeadRow}
+          data={registerUser}
+        />
+      </Box>
+    </MainFrame>
+  );
+};
+
+export default RegisterUsers;

src/Pages/MasterModule/AgencyMaster/AgencyMaster.tsx

@@ -0,0 +1,12 @@
+import MainFrame from "../../../components/MainFrame"
+
+
+const AgencyMaster = () => {
+    return (
+      
+      <MainFrame>
+         AgencyMaster
+      </MainFrame>
+    )
+  }
+  export default AgencyMaster

src/Pages/MasterModule/Country/Country.tsx

@@ -0,0 +1,12 @@
+import MainFrame from "../../../components/MainFrame"
+
+
+const Country = () => {
+    return (
+      
+      <MainFrame>
+         Country
+      </MainFrame>
+    )
+  }
+  export default Country

src/Pages/MasterModule/JobStatus/JobStatus.tsx

@@ -0,0 +1,12 @@
+import MainFrame from "../../../components/MainFrame"
+
+
+const JobStatus = () => {
+    return (
+      
+      <MainFrame>
+         JobStatus
+      </MainFrame>
+    )
+  }
+  export default JobStatus

src/Pages/MasterModule/JobType/JobType.tsx

@@ -0,0 +1,12 @@
+import MainFrame from "../../../components/MainFrame"
+
+
+const JobType = () => {
+    return (
+      
+      <MainFrame>
+         JobType
+      </MainFrame>
+    )
+  }
+  export default JobType

src/Pages/MasterModule/TemplateMaster/TemplateMaster.tsx

@@ -0,0 +1,12 @@
+import MainFrame from "../../../components/MainFrame"
+
+
+const TemplateMaster = () => {
+    return (
+      
+      <MainFrame>
+         TemplateMaster
+      </MainFrame>
+    )
+  }
+  export default TemplateMaster

src/Pages/MasterModule/WorkspaceMode/WorkspaceMode.tsx

@@ -0,0 +1,12 @@
+import MainFrame from "../../../components/MainFrame"
+
+
+const WorkspaceMode = () => {
+    return (
+      
+      <MainFrame >
+         WorkspaceMode
+      </MainFrame>
+    )
+  }
+  export default WorkspaceMode

src/Pages/MyProfile/MyProfile.tsx

@@ -1,11 +1,11 @@
 import MainFrame from "../../components/MainFrame"
 
-const Reporting = () => {
+const MyProfile = () => {
   return (
     
     <MainFrame >
-
+        MyProfile
     </MainFrame>
   )
 }
-export default Reporting
+export default MyProfile

src/Pages/Profile/Profile.tsx

@@ -3,7 +3,7 @@ import MainFrame from "../../components/MainFrame"
 const Profile = () => {
   return (
     <MainFrame >
-
+      Profile
     </MainFrame>
   )
 }

src/Pages/SubAdmin/SubAdmin.tsx

@@ -4,7 +4,7 @@ const SubAdmin = () => {
   return (
     
     <MainFrame >
-
+       SubAdmin
     </MainFrame>
   )
 }

src/Routes/Nav.ts

@@ -1,77 +1,143 @@
-import { LiaUsersSolid } from "react-icons/lia";
+import { LuBriefcaseBusiness} from "react-icons/lu";
-import { LuBellDot } from "react-icons/lu";
+import { MdHeadsetMic, MdOutlineDashboard} from "react-icons/md";
-import { MdOutlineSupportAgent, MdPostAdd } from "react-icons/md";
 import { GoDotFill } from "react-icons/go";
-
+import { HiOutlinePencilSquare } from "react-icons/hi2";
-import { TbFileSettings, TbLayoutDashboard, TbReport, TbUsers, TbUsersGroup } from "react-icons/tb";
+import { BiUser, BiUserPin } from "react-icons/bi";
-import { RiUserSettingsLine } from "react-icons/ri";
+import { PiUsersThree } from "react-icons/pi";
+import { BsBoxes, BsPersonBadge } from "react-icons/bs";
+import { AiOutlineFileText } from "react-icons/ai";
 
 export const nav = [
     
         {
           title: "Dashboard",
           path: "/",
-          Icon: TbLayoutDashboard,
+          Icon: MdOutlineDashboard,
           type:'single'
         },
         {
           title: "Manage Users",
-          path: "/manage-user",
+          path: "/register-users",
-          Icon: TbUsers,
+          Icon: BiUserPin,
-          type:'single'
-        },
-        {
-          title: "Manage Groups",
-          path: "/manage-groups",
-          Icon: TbUsersGroup,
-          type:'single'
-        },
-        {
-          title: "Community",
-          path: "/manage-community",
-          Icon: LiaUsersSolid,
           type:'multiple',
           children: [
             {
-              title: "Manage Community",
+              title: "Register Users",
-              path: "/manage-community",
+              path: "/register-users",
               Icon: GoDotFill,
             },
             {
-              title: "Manage Post",
+              title: "Deactivated Accounts",
-              path: "/manage-post",
+              path: "/deactivated-accounts",
               Icon: GoDotFill,
             },
           ],
         },
         {
-          title: "Support",
+          title: "Manage Post",
-          path: "/support",
+          path: "/manage-post",
-          Icon: MdOutlineSupportAgent,
+          Icon: HiOutlinePencilSquare,
           type:'single'
         },
         {
-          title: "Sub-Admin",
+          title: "Manage Sub-Admin",
           path: "/sub-admin",
-          Icon: RiUserSettingsLine,
+          Icon: BiUser,
           type:'single'
         },
         {
-          title: "Reporting",
+          title: "Manage Jobs",
-          path: "/reporting",
+          path: "/manage-jobs",
-          Icon: TbReport,
+          Icon: LuBriefcaseBusiness,
           type:'single'
         },
         {
-          title: "CMS",
+          title: "Manage Groups",
-          path: "/cms",
+          path: "/manage-groups",
-          Icon: TbFileSettings,
+          Icon: PiUsersThree,
           type:'single'
         },
         {
-          title: "Manage Notifications",
+          title: "Manage Contact Us",
-          path: "/manage-notification",
+          path: "/manage-contact",
-          Icon: LuBellDot,
+          Icon: MdHeadsetMic  ,
           type:'single'
-        }
+        },
+        {
+          title: "Manage CMS",
+          path: "/faq",
+          Icon: AiOutlineFileText,
+          type:'multiple',
+          children: [
+            {
+              title: "FAQs",
+              path: "/faq",
+              Icon: GoDotFill,
+            },
+            {
+              title: "About Us",
+              path: "/about-us",
+              Icon: GoDotFill,
+            },
+            {
+              title: "Privacy Policy",
+              path: "/privacy-policy",
+              Icon: GoDotFill,
+            },
+            {
+              title: "Terms And Conditions",
+              path: "/terms-conditions",
+              Icon: GoDotFill,
+            },
+            {
+              title: "Privacy",
+              path: "/privacy",
+              Icon: GoDotFill,
+            },
+          ],
+        },
+        {
+          title: "My Profile",
+          path: "/profile",
+          Icon: BsPersonBadge,
+          type:'single'
+        },
+        {
+          title: "Master Module",
+          path: "/agency-master",
+          Icon: BsBoxes,
+          type:'multiple',
+          children: [
+            {
+              title: "Agency Master",
+              path: "/agency-master",
+              Icon: GoDotFill,
+            },
+            {
+              title: "Template Master",
+              path: "/template-master",
+              Icon: GoDotFill,
+            },
+            {
+              title: "Job Type",
+              path: "/job-type",
+              Icon: GoDotFill,
+            },
+            {
+              title: "Workspace Mode",
+              path: "/workspace-mode",
+              Icon: GoDotFill,
+            },
+            {
+              title: "Country",
+              path: "/country",
+              Icon: GoDotFill,
+            },
+            {
+              title: "Job Status",
+              path: "/job-status",
+              Icon: GoDotFill,
+            },
+          ],
+        },
   ];

src/Routes/Routes.ts

@@ -1,24 +1,49 @@
 
-import CMS from "../Pages/CMS/CMS";
+
 import Dashboard from "../Pages/Dashboard/Dashboard";
-import ManageCommunity from "../Pages/ManageCommunity/ManageCommunity";
-import ManagePost from "../Pages/ManageCommunity/ManagePost";
 import ManageGroups from "../Pages/ManageGroups/ManageGroups";
-import ManageUsers from "../Pages/ManageUsers/ManageUsers";
+import ManageJobs from "../Pages/ManageJobs/ManageJobs";
+import ManagePost from "../Pages/ManagePost/ManagePost";
 import Profile from "../Pages/Profile/Profile";
-import Reporting from "../Pages/Reporting/Reporting";
 import SubAdmin from "../Pages/SubAdmin/SubAdmin";
-import Support from "../Pages/Support/Support";
+import ManageContact from "../Pages/ManageContact/ManageContact";
+import FAQ from "../Pages/ManageCMS/FAQ/FAQ";
+import AboutUs from "../Pages/ManageCMS/AboutUs/AboutUs";
+import PrivacyPolicy from "../Pages/ManageCMS/PrivacyPolicy/PrivacyPolicy";
+import TermsAndConditions from "../Pages/ManageCMS/TermsAndConditions/TermsAndConditions";
+import Privacy from "../Pages/ManageCMS/Privacy/Privacy";
+import MyProfile from "../Pages/MyProfile/MyProfile";
+import Notification from "../Pages/Notification/Notification";
+import AgencyMaster from "../Pages/MasterModule/AgencyMaster/AgencyMaster";
+import TemplateMaster from "../Pages/MasterModule/TemplateMaster/TemplateMaster";
+import JobType from "../Pages/MasterModule/JobType/JobType";
+import WorkspaceMode from "../Pages/MasterModule/WorkspaceMode/WorkspaceMode";
+import Country from "../Pages/MasterModule/Country/Country";
+import JobStatus from "../Pages/MasterModule/JobStatus/JobStatus";
+import RegisterUsers from "../Pages/ManageUsers/RegisterUsers/RegisterUsers";
+import DeactivatedAccounts from "../Pages/ManageUsers/DeactivatedAccounts/DeactivatedAccounts";
+
 export const RouteLink = [
     { path: "/", Component: Dashboard },
-    { path: "/manage-user", Component: ManageUsers },
+    { path: "/register-users", Component: RegisterUsers },
-    { path: "/manage-groups", Component: ManageGroups },
+    { path: "/deactivated-accounts", Component: DeactivatedAccounts },
-    { path: "/manage-community", Component: ManageCommunity},
+    { path: "/manage-post", Component: ManagePost },
-    { path: "/manage-post", Component: ManagePost},
-    { path: "/support", Component: Support},
     { path: "/sub-admin", Component: SubAdmin},
-    { path: "/reporting", Component: Reporting},
+    { path: "/manage-jobs", Component: ManageJobs},
-    { path: "/cms", Component: CMS},
+    { path: "/manage-groups", Component: ManageGroups },
-    { path: "/manage-notification", Component: CMS},
+    { path: "/manage-contact", Component: ManageContact},
+    { path: "/faq", Component: FAQ},
+    { path: "/about-us", Component: AboutUs},
+    { path: "/privacy-policy", Component: PrivacyPolicy},
+    { path: "/terms-conditions", Component: TermsAndConditions},
+    { path: "/privacy", Component: Privacy},
+    { path: "/my-profile", Component: MyProfile},
+    { path: "/manage-notification", Component: Notification},
     { path: "/profile", Component: Profile},
+    { path: "/agency-master", Component: AgencyMaster},
+    { path: "/template-master", Component: TemplateMaster},
+    { path: "/job-type", Component: JobType},
+    { path: "/workspace-mode", Component: WorkspaceMode},
+    { path: "/country", Component: Country},
+    { path: "/job-status", Component: JobStatus},
 ]

src/components/AlertDailog.tsx

@@ -0,0 +1,125 @@
+import React from "react";
+
+import { DialogBody, HStack, Icon, Text } from "@chakra-ui/react";
+import { Button } from "./ui/button";
+import {
+  DialogActionTrigger,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogRoot,
+  DialogTrigger,
+} from "./ui/dialog";
+
+interface DeleteConfirmationDialogProps {
+  onConfirm?: () => void;
+  alertText?: string;
+  alertCaption?: string;
+  alertIcon?: any;
+  AltertTiggerIcon?: any;
+  button?: any;
+  iconColor?: string;
+}
+
+const AlertDailog: React.FC<DeleteConfirmationDialogProps> = ({
+  onConfirm,
+  alertText,
+  alertCaption,
+  alertIcon,
+  AltertTiggerIcon,
+  button,
+  iconColor,
+}) => {
+  return (
+    <DialogRoot
+      placement={"center"}
+      motionPreset="slide-in-bottom"
+      size={"xs"}
+      role="alertdialog"
+    >
+      <DialogTrigger asChild>
+        {button ? (
+          button
+        ) : (
+          <Icon
+            cursor={"pointer"}
+            p={0.5}
+            _hover={{ bg: "#00000015" }}
+            rounded={"md"}
+            boxSize={5}
+            color={iconColor && iconColor}
+          >
+            <AltertTiggerIcon />
+          </Icon>
+        )}
+      </DialogTrigger>
+      <DialogContent bgColor="#fff">
+        {/* <DialogHeader display="flex" justifyContent="center"> */}
+        {/* <Image src={alertIcon} h={"39px"}  /> */}
+
+        {/* </DialogHeader> */}
+        <DialogBody
+          display="flex"
+          flexDirection="column"
+          alignItems="center"
+          color="black"
+          p={8}
+          gap={2}
+        >
+          {alertIcon && alertIcon}
+          <Text
+            mt={3}
+            fontWeight={600}
+            fontSize="sm"
+            color="#000000"
+            textAlign="center"
+            as={"span"}
+          >
+            {alertText}
+          </Text>
+          <Text
+            as={"span"}
+            fontSize="sm"
+            style={{ textAlign: "center", color: "#000000CC", width: "100%" }}
+          >
+            {" "}
+            {alertCaption}
+          </Text>
+          <HStack mt={2} w={"100%"}>
+            <DialogActionTrigger asChild>
+              <Button
+                width="50%"
+                color="black"
+                _hover={{ bgColor: "white" }}
+                variant="outline"
+                borderRadius="sm"
+                border="1px solid #007F33"
+                size={"xs"}
+              >
+                No
+              </Button>
+            </DialogActionTrigger>
+            <Button
+              borderRadius="sm"
+              width="50%"
+              bgColor="#007F33"
+              color="white"
+              // colorPalette="#007F33"
+              onClick={onConfirm}
+              size={"xs"}
+            >
+              Yes{" "}
+            </Button>
+          </HStack>
+        </DialogBody>
+
+        <DialogCloseTrigger
+          _hover={{ bg: "#00000010" }}
+          color={"#000"}
+          colorPalette={"bg"}
+        />
+      </DialogContent>
+    </DialogRoot>
+  );
+};
+
+export default AlertDailog;

src/components/DataTable.tsx

@@ -0,0 +1,130 @@
+import { useState } from "react";
+import { HStack, Stack, Table } from "@chakra-ui/react";
+import { PaginationItems, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot } from "./ui/pagination";
+// import {
+//   PaginationItems,
+//   PaginationNextTrigger,
+//   PaginationPrevTrigger,
+//   PaginationRoot,
+// } from "./ui/pagination";
+
+interface TableProps {
+  tableHeadRow: string[];
+  data: Record<string, any>[];
+  sortableColumns?: string[]; // Specify which columns are sortable
+}
+
+const DataTable: React.FC<TableProps> = ({
+  tableHeadRow,
+  data,
+  sortableColumns = [],
+}) => {
+  const [sortedData, setSortedData] = useState(data);
+  const [sortConfig, setSortConfig] = useState<{
+    key: string;
+    direction: "asc" | "desc";
+  } | null>(null);
+
+  const handleSort = (column: string) => {
+    if (!sortableColumns.includes(column)) return;
+
+    let direction: "asc" | "desc" = "asc";
+    if (
+      sortConfig &&
+      sortConfig.key === column &&
+      sortConfig.direction === "asc"
+    ) {
+      direction = "desc";
+    }
+
+    const sortedArray = [...sortedData].sort((a, b) => {
+      if (a[column] < b[column]) return direction === "asc" ? -1 : 1;
+      if (a[column] > b[column]) return direction === "asc" ? 1 : -1;
+      return 0;
+    });
+
+    setSortedData(sortedArray);
+    setSortConfig({ key: column, direction });
+  };
+
+  return (
+    <Stack mt={0} color={"#000000CC"}>
+      <Table.ScrollArea mb={3}>
+        <Table.Root size="sm" variant={"line"} stickyHeader>
+          <Table.Header>
+            <Table.Row bg={"#02A0A0"}>
+              {tableHeadRow.map((item, index) => (
+                <Table.ColumnHeader
+                  color="white"
+                  fontSize={"xs"}
+                  fontWeight={600}
+                  px={4}
+                  p={3}
+                  textAlign={
+                    index === tableHeadRow.length - 1 ? "center" : "left"
+                  }
+                  key={index}
+                  border={"none"}
+                  onClick={() => handleSort(item)}
+                  cursor={
+                    sortableColumns.includes(item) ? "pointer" : "default"
+                  }
+                  _hover={
+                    sortableColumns.includes(item)
+                      ? { textDecoration: "underline" }
+                      : {}
+                  }
+                >
+                  {item}
+                  {sortableColumns.includes(item) &&
+                    sortConfig?.key === item && (
+                      <span style={{ marginLeft: "4px" }}>
+                        {sortConfig.direction === "asc" ? "\u25B2" : "\u25BC"}
+                      </span>
+                    )}
+                </Table.ColumnHeader>
+              ))}
+            </Table.Row>
+          </Table.Header>
+          <Table.Body>
+            {sortedData.map((item: any, index) => (
+              <Table.Row
+                key={index}
+                bg={index % 2 === 0 ? "#fff" : "#007F3310"}
+              >
+                {tableHeadRow.map((heading, colIndex) => (
+                  <Table.Cell
+                  // className="oxygen"
+                    px={4}
+                    p={2}
+                    key={`${index}-${colIndex}`}
+                    fontSize={"xs"}
+                    fontWeight={500}
+                    border={"none"}
+                  >
+                    {item[heading]}
+                  </Table.Cell>
+                ))}
+              </Table.Row>
+            ))}
+          </Table.Body>
+        </Table.Root>
+      </Table.ScrollArea>
+      <PaginationRoot
+        size={"xs"}
+        count={20}
+        pageSize={2}
+        defaultPage={1}
+        mb={4}
+      >
+        <HStack justifyContent="flex-end">
+          <PaginationPrevTrigger />
+          <PaginationItems />
+          <PaginationNextTrigger />
+        </HStack>
+      </PaginationRoot>
+    </Stack>
+  );
+};
+
+export default DataTable;

src/components/MainFrame.tsx

@@ -13,13 +13,15 @@ interface MainFrameProps {
 
 const MainFrame: FC<MainFrameProps> = ({ children, title }) => {
   return (
-    <MotionVStack {...OPACITY_ON_LOAD} w="100%" h="94%" p={4}  pb={0}  >
+    <MotionVStack {...OPACITY_ON_LOAD} w="100%" h="90%" p={0}  pb={0}>
       <Box
         w="100%"
-        h="97%"
+        h="100%"
         bg="#ffffff"
-        rounded="md"
+        overflow={'scroll'}
+        // rounded="md"
         boxShadow={'rgba(99, 99, 99, 0.2) 0px 2px 8px 0px'}
+        pt={3}
       >
         {children}
       </Box>

src/components/ui/link-button.tsx

@@ -0,0 +1,12 @@
+"use client"
+
+import type { HTMLChakraProps, RecipeProps } from "@chakra-ui/react"
+import { createRecipeContext } from "@chakra-ui/react"
+
+export interface LinkButtonProps
+  extends HTMLChakraProps<"a", RecipeProps<"button">> {}
+
+const { withContext } = createRecipeContext({ key: "button" })
+
+// Replace "a" with your framework's link component
+export const LinkButton = withContext<HTMLAnchorElement, LinkButtonProps>("a")

src/components/ui/pagination.tsx

@@ -0,0 +1,237 @@
+"use client";
+
+import type { ButtonProps, TextProps } from "@chakra-ui/react";
+import {
+  Button,
+  Pagination as ChakraPagination,
+  HStack,
+  IconButton,
+  Text,
+  createContext,
+  usePaginationContext,
+} from "@chakra-ui/react";
+import * as React from "react";
+import { HiChevronLeft, HiChevronRight } from "react-icons/hi2";
+import { LinkButton } from "./link-button";
+
+interface ButtonVariantMap {
+  current: ButtonProps["variant"];
+  default: ButtonProps["variant"];
+  ellipsis: ButtonProps["variant"];
+}
+
+type PaginationVariant = "outline" | "solid" | "subtle";
+
+interface ButtonVariantContext {
+  size: ButtonProps["size"];
+  variantMap: ButtonVariantMap;
+  getHref?: (page: number) => string;
+}
+
+const [RootPropsProvider, useRootProps] = createContext<ButtonVariantContext>({
+  name: "RootPropsProvider",
+});
+
+export interface PaginationRootProps
+  extends Omit<ChakraPagination.RootProps, "type"> {
+  size?: ButtonProps["size"];
+  variant?: PaginationVariant;
+  getHref?: (page: number) => string;
+}
+
+const variantMap: Record<PaginationVariant, ButtonVariantMap> = {
+  outline: { default: "ghost", ellipsis: "plain", current: "solid" },
+  solid: { default: "outline", ellipsis: "outline", current: "solid" },
+  subtle: { default: "ghost", ellipsis: "plain", current: "subtle" },
+};
+
+export const PaginationRoot = React.forwardRef<
+  HTMLDivElement,
+  PaginationRootProps
+>(function PaginationRoot(props, ref) {
+  const { size = "sm", variant = "outline", getHref, ...rest } = props;
+  return (
+    <RootPropsProvider
+      value={{ size, variantMap: variantMap[variant], getHref }}
+    >
+      <ChakraPagination.Root
+        ref={ref}
+        type={getHref ? "link" : "button"}
+        {...rest}
+      />
+    </RootPropsProvider>
+  );
+});
+
+export const PaginationEllipsis = React.forwardRef<
+  HTMLDivElement,
+  ChakraPagination.EllipsisProps
+>(function PaginationEllipsis(props, ref) {
+  const { size, variantMap } = useRootProps();
+  return (
+    <ChakraPagination.Ellipsis ref={ref} {...props} asChild>
+      <Button as="span" variant={variantMap.ellipsis} size={size}>
+        ...
+      </Button>
+    </ChakraPagination.Ellipsis>
+  );
+});
+
+export const PaginationItem = React.forwardRef<
+  HTMLButtonElement,
+  ChakraPagination.ItemProps
+>(function PaginationItem(props, ref) {
+  const { page } = usePaginationContext();
+  const { size, variantMap, getHref } = useRootProps();
+
+  const current = page === props.value;
+  const variant = current ? variantMap.current : variantMap.default;
+
+  if (getHref) {
+    return (
+      <LinkButton
+        href={getHref(props.value)}
+        variant={variant}
+        size={size}
+        bg={current ? "#02A0A0" : "white"}
+        color={current ? "black" : "black"}
+        _hover={{ bg: "#02A0A0", color: "black" }}
+      >
+        {props.value}
+      </LinkButton>
+    );
+  }
+
+  return (
+    <ChakraPagination.Item ref={ref} {...props} asChild>
+      <Button
+        bg={current ? "#F5F8FB" : "white"}
+        color={current ? "black" : "black"}
+        variant={variant}
+        size={size}
+        _hover={{ bg: "#F5F8FB", color: "black" }}
+        border="none"
+      >
+        {props.value}
+      </Button>
+    </ChakraPagination.Item>
+  );
+});
+
+export const PaginationPrevTrigger = React.forwardRef<
+  HTMLButtonElement,
+  ChakraPagination.PrevTriggerProps
+>(function PaginationPrevTrigger(props, ref) {
+  const { size, variantMap, getHref } = useRootProps();
+  const { previousPage } = usePaginationContext();
+
+  if (getHref) {
+    return (
+      <LinkButton
+        href={previousPage != null ? getHref(previousPage) : undefined}
+        variant={variantMap.default}
+        size={size}
+        _hover={{ bg: "#F5F8FB", color: "black" }}
+      >
+        <HiChevronLeft />
+      </LinkButton>
+    );
+  }
+
+  return (
+    <ChakraPagination.PrevTrigger ref={ref} asChild {...props}>
+      <IconButton variant={variantMap.default} size={size}>
+        <HiChevronLeft />
+      </IconButton>
+    </ChakraPagination.PrevTrigger>
+  );
+});
+
+export const PaginationNextTrigger = React.forwardRef<
+  HTMLButtonElement,
+  ChakraPagination.NextTriggerProps
+>(function PaginationNextTrigger(props, ref) {
+  const { size, variantMap, getHref } = useRootProps();
+  const { nextPage } = usePaginationContext();
+
+  if (getHref) {
+    return (
+      <LinkButton
+        href={nextPage != null ? getHref(nextPage) : undefined}
+        variant={variantMap.default}
+        // size={size}
+        borderRadius="94px"
+        bg="#F5F8FB"
+        color="white"
+        w="136px"
+        fontSize="sm"
+        _hover={{ bg: "#026060" }}
+      >
+        Next
+      </LinkButton>
+    );
+  }
+
+  return (
+    <ChakraPagination.NextTrigger ref={ref} asChild {...props}>
+      <Text
+        w="136px"
+        // borderRadius="94px"
+        // bg="#02A0A0"
+        color="black"
+        // variant={variantMap.default}
+        // size={size}
+        cursor="pointer"
+        // _hover={{ bg: "#026060" }}
+        display="flex"
+        gap="12px"
+        alignItems="center"
+        fontSize="xs"
+        justifyContent="center"
+      >
+        Next
+        <HiChevronRight />
+      </Text>
+    </ChakraPagination.NextTrigger>
+  );
+});
+
+export const PaginationItems = (props: React.HTMLAttributes<HTMLElement>) => {
+  return (
+    <ChakraPagination.Context>
+      {({ pages }) =>
+        pages.map((page, index) => (
+          <PaginationItem
+            key={index}
+            type="page"
+            value={page.value}
+            {...props}
+          />
+        ))
+      }
+    </ChakraPagination.Context>
+  );
+};
+
+interface PageTextProps extends TextProps {
+  format?: "short" | "compact" | "long";
+}
+
+export const PaginationPageText = React.forwardRef<
+  HTMLParagraphElement,
+  PageTextProps
+>(function PaginationPageText(props, ref) {
+  const { format = "compact", ...rest } = props;
+  const { page, totalPages, pageRange, count } = usePaginationContext();
+  const content = React.useMemo(() => {
+    if (format === "short") return `${page} / ${totalPages}`;
+    if (format === "compact") return `${page} of ${totalPages}`;
+    return `${pageRange.start + 1} - ${Math.min(pageRange.end, count)} of ${count}`;
+  }, [format, page, totalPages, pageRange, count]);
+
+  return (
+    <Text fontWeight="medium" ref={ref} {...rest}>
+      {content}
+    </Text>
+  );
+});

src/components/ui/switch.tsx

@@ -0,0 +1,39 @@
+import { Switch as ChakraSwitch } from "@chakra-ui/react"
+import * as React from "react"
+
+export interface SwitchProps extends ChakraSwitch.RootProps {
+  inputProps?: React.InputHTMLAttributes<HTMLInputElement>
+  rootRef?: React.Ref<HTMLLabelElement>
+  trackLabel?: { on: React.ReactNode; off: React.ReactNode }
+  thumbLabel?: { on: React.ReactNode; off: React.ReactNode }
+}
+
+export const Switch = React.forwardRef<HTMLInputElement, SwitchProps>(
+  function Switch(props, ref) {
+    const { inputProps, children, rootRef, trackLabel, thumbLabel, ...rest } =
+      props
+
+    return (
+      <ChakraSwitch.Root ref={rootRef} {...rest}>
+        <ChakraSwitch.HiddenInput ref={ref} {...inputProps} />
+        <ChakraSwitch.Control>
+          <ChakraSwitch.Thumb>
+            {thumbLabel && (
+              <ChakraSwitch.ThumbIndicator fallback={thumbLabel?.off}>
+                {thumbLabel?.on}
+              </ChakraSwitch.ThumbIndicator>
+            )}
+          </ChakraSwitch.Thumb>
+          {trackLabel && (
+            <ChakraSwitch.Indicator fallback={trackLabel.off}>
+              {trackLabel.on}
+            </ChakraSwitch.Indicator>
+          )}
+        </ChakraSwitch.Control>
+        {children != null && (
+          <ChakraSwitch.Label>{children}</ChakraSwitch.Label>
+        )}
+      </ChakraSwitch.Root>
+    )
+  },
+)

src/index.css

@@ -1,3 +1,8 @@
+@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
+
+
+
 *{
   margin: 0;
   padding: 0;
@@ -5,6 +10,17 @@
 }
 
 
+body {
+  margin: 0;
+  padding: 0;
+  font-family: "Roboto", serif;
+}
+
+.Oxygen{
+  font-family: "Oxygen", serif 
+}
+
+
 .active {
   background-color: #02A0A0 !important;
   color: #fff !important;
@@ -116,3 +132,32 @@
   right: 40%;
 }
 
+
+/* Style the scrollbar */
+::-webkit-scrollbar {
+  width: 6px; /* Width of the vertical scrollbar */
+  height: 12px; /* Height of the horizontal scrollbar */
+}
+
+/* Style the scrollbar track (the background area) */
+::-webkit-scrollbar-track {
+  background-color: #f1f1f1;
+  border-radius: 10px;
+}
+
+/* Style the scrollbar thumb (the draggable part) */
+::-webkit-scrollbar-thumb {
+  background-color: #c8c8c8cf;
+  /* Gray color for the thumb */
+  border-radius: 10px;
+  border: 1px solid #f1f1f1; /* Border around the thumb */
+}
+
+/* Style the scrollbar thumb on hover */
+::-webkit-scrollbar-thumb:hover {
+  background-color: #555; /* Darker gray when hovered */
+}
+
+input:focus-visible {
+  border: none !important;
+}