N

dev-dist/sw.js

@@ -82,7 +82,7 @@ define(['./workbox-54d0af47'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.46s6apu2028"
+    "revision": "0.s3ua6eoia6o"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {

package-lock.json

@@ -1668,7 +1668,6 @@
     },
     "node_modules/@clack/prompts/node_modules/is-unicode-supported": {
       "version": "1.3.0",
-      "dev": true,
       "inBundle": true,
       "license": "MIT",
       "engines": {
@@ -1918,7 +1917,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1935,7 +1933,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1952,7 +1949,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1969,7 +1965,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1986,7 +1981,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2003,7 +1997,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2020,7 +2013,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2037,7 +2029,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2054,7 +2045,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2071,7 +2061,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2088,7 +2077,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2105,7 +2093,6 @@
       "cpu": [
         "loong64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2122,7 +2109,6 @@
       "cpu": [
         "mips64el"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2139,7 +2125,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2156,7 +2141,6 @@
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2173,7 +2157,6 @@
       "cpu": [
         "s390x"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2190,7 +2173,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2207,7 +2189,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2224,7 +2205,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2241,7 +2221,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2258,7 +2237,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2275,7 +2253,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2292,7 +2269,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2309,7 +2285,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2326,7 +2301,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2430,6 +2404,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 +2434,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 +2788,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 +2846,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.30.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.30.1.tgz",
-      "integrity": "sha512-ssKhA8RNltTZLpG6/QNkCSge+7mBQGUqJRisZ2MDQcEGaK93QESEgWK2iOpIDZ7k9zPVkG5AS3ksvD5ZWxmItw==",
+      "integrity": "sha512-pSWY+EVt3rJ9fQ3IqlrEUtXh3cGqGtPDH1FQlNZehO2yYxCHEX1SPsz1M//NXwYfbTlcKr9WObLnJX9FsS9K1Q==",
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2875,13 +2872,12 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.29.1",
+      "version": "4.30.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.30.1.tgz",
-      "integrity": "sha512-CaRfrV0cd+NIIcVVN/jx+hVLN+VRqnuzLRmfmlzpOzB87ajixsN/+9L5xNmkaUUvEbI5BmIKS+XTwXsHEb65Ew==",
+      "integrity": "sha512-/NA2qXxE3D/BRjOJM8wQblmArQq1YoBVJjrjoTSBS09jgUisq7bqxNHJ8kjCHeV21W/9WDGwJEWSN0KQ2mtD/w==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2889,13 +2885,12 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.29.1",
+      "version": "4.30.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.30.1.tgz",
-      "integrity": "sha512-2ORr7T31Y0Mnk6qNuwtyNmy14MunTAMx06VAPI6/Ju52W10zk1i7i5U3vlDRWjhOI5quBcrvhkCHyF76bI7kEw==",
+      "integrity": "sha512-r7FQIXD7gB0WJ5mokTUgUWPl0eYIH0wnxqeSAhuIwvnnpjdVB8cRRClyKLQr7lgzjctkbp5KmswWszlwYln03Q==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2903,13 +2898,12 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.29.1",
+      "version": "4.30.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.30.1.tgz",
-      "integrity": "sha512-j/Ej1oanzPjmN0tirRd5K2/nncAhS9W6ICzgxV+9Y5ZsP0hiGhHJXZ2JQ53iSSjj8m6cRY6oB1GMzNn2EUt6Ng==",
+      "integrity": "sha512-x78BavIwSH6sqfP2xeI1hd1GpHL8J4W2BXcVM/5KYKoAD3nNsfitQhvWSw+TFtQTLZ9OmlF+FEInEHyubut2OA==",
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2917,13 +2911,12 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.29.1",
+      "version": "4.30.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.30.1.tgz",
-      "integrity": "sha512-91C//G6Dm/cv724tpt7nTyP+JdN12iqeXGFM1SqnljCmi5yTXriH7B1r8AD9dAZByHpKAumqP1Qy2vVNIdLZqw==",
+      "integrity": "sha512-HYTlUAjbO1z8ywxsDFWADfTRfTIIy/oUlfIDmlHYmjUP2QRDTzBuWXc9O4CXM+bo9qfiCclmHk1x4ogBjOUpUQ==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2931,13 +2924,12 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.29.1",
+      "version": "4.30.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.30.1.tgz",
-      "integrity": "sha512-hEioiEQ9Dec2nIRoeHUP6hr1PSkXzQaCUyqBDQ9I9ik4gCXQZjJMIVzoNLBRGet+hIUb3CISMh9KXuCcWVW/8w==",
+      "integrity": "sha512-1MEdGqogQLccphhX5myCJqeGNYTNcmTyaic9S7CG3JhwuIByJ7J05vGbZxsizQthP1xpVx7kd3o31eOogfEirw==",
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2945,13 +2937,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.29.1",
+      "version": "4.30.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.30.1.tgz",
-      "integrity": "sha512-Py5vFd5HWYN9zxBv3WMrLAXY3yYJ6Q/aVERoeUFwiDGiMOWsMs7FokXihSOaT/PMWUty/Pj60XDQndK3eAfE6A==",
+      "integrity": "sha512-PaMRNBSqCx7K3Wc9QZkFx5+CX27WFpAMxJNiYGAXfmMIKC7jstlr32UhTgK6T07OtqR+wYlWm9IxzennjnvdJg==",
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2959,13 +2950,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.29.1",
+      "version": "4.30.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.30.1.tgz",
-      "integrity": "sha512-RiWpGgbayf7LUcuSNIbahr0ys2YnEERD4gYdISA06wa0i8RALrnzflh9Wxii7zQJEB2/Eh74dX4y/sHKLWp5uQ==",
+      "integrity": "sha512-B8Rcyj9AV7ZlEFqvB5BubG5iO6ANDsRKlhIxySXcF1axXYUyqwBok+XZPgIYGBgs7LDXfWfifxhw0Ik57T0Yug==",
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2973,13 +2963,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.29.1",
+      "version": "4.30.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.30.1.tgz",
-      "integrity": "sha512-Z80O+taYxTQITWMjm/YqNoe9d10OX6kDh8X5/rFCMuPqsKsSyDilvfg+vd3iXIqtfmp+cnfL1UrYirkaF8SBZA==",
+      "integrity": "sha512-hqVyueGxAj3cBKrAI4aFHLV+h0Lv5VgWZs9CUGqr1z0fZtlADVV1YPOij6AhcK5An33EXaxnDLmJdQikcn5NEw==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2987,13 +2976,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.29.1",
+      "version": "4.30.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.30.1.tgz",
-      "integrity": "sha512-fOHRtF9gahwJk3QVp01a/GqS4hBEZCV1oKglVVq13kcK3NeVlS4BwIFzOHDbmKzt3i0OuHG4zfRP0YoG5OF/rA==",
+      "integrity": "sha512-i4Ab2vnvS1AE1PyOIGp2kXni69gU2DAUVt6FSXeIqUCPIR3ZlheMW3oP2JkukDfu3PsexYRbOiJrY+yVNSk9oA==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3001,13 +2989,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
-      "version": "4.29.1",
+      "version": "4.30.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.30.1.tgz",
-      "integrity": "sha512-5a7q3tnlbcg0OodyxcAdrrCxFi0DgXJSoOuidFUzHZ2GixZXQs6Tc3CHmlvqKAmOs5eRde+JJxeIf9DonkmYkw==",
+      "integrity": "sha512-fARcF5g296snX0oLGkVxPmysetwUk2zmHcca+e9ObOovBR++9ZPOhqFUM61UUZ2EYpXVPN1redgqVoBB34nTpQ==",
       "cpu": [
         "loong64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3015,13 +3002,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.29.1",
+      "version": "4.30.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.30.1.tgz",
-      "integrity": "sha512-9b4Mg5Yfz6mRnlSPIdROcfw1BU22FQxmfjlp/CShWwO3LilKQuMISMTtAu/bxmmrE6A902W2cZJuzx8+gJ8e9w==",
+      "integrity": "sha512-GLrZraoO3wVT4uFXh67ElpwQY0DIygxdv0BNW9Hkm3X34wu+BkqrDrkcsIapAY+N2ATEbvak0XQ9gxZtCIA5Rw==",
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3029,13 +3015,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.29.1",
+      "version": "4.30.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.30.1.tgz",
-      "integrity": "sha512-G5pn0NChlbRM8OJWpJFMX4/i8OEU538uiSv0P6roZcbpe/WfhEO+AT8SHVKfp8qhDQzaz7Q+1/ixMy7hBRidnQ==",
+      "integrity": "sha512-0WKLaAUUHKBtll0wvOmh6yh3S0wSU9+yas923JIChfxOaaBarmb/lBKPF0w/+jTVozFnOXJeRGZ8NvOxvk/jcw==",
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3043,13 +3028,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.29.1",
+      "version": "4.30.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.30.1.tgz",
-      "integrity": "sha512-WM9lIkNdkhVwiArmLxFXpWndFGuOka4oJOZh8EP3Vb8q5lzdSCBuhjavJsw68Q9AKDGeOOIHYzYm4ZFvmWez5g==",
+      "integrity": "sha512-GWFs97Ruxo5Bt+cvVTQkOJ6TIx0xJDD/bMAOXWJg8TCSTEK8RnFeOeiFTxKniTc4vMIaWvCplMAFBt9miGxgkA==",
       "cpu": [
         "s390x"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3057,13 +3041,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.29.1",
+      "version": "4.30.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.30.1.tgz",
-      "integrity": "sha512-87xYCwb0cPGZFoGiErT1eDcssByaLX4fc0z2nRM6eMtV9njAfEE6OW3UniAoDhX4Iq5xQVpE6qO9aJbCFumKYQ==",
+      "integrity": "sha512-UtgGb7QGgXDIO+tqqJ5oZRGHsDLO8SlpE4MhqpY9Llpzi5rJMvrK6ZGhsRCST2abZdBqIBeXW6WPD5fGK5SDwg==",
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3071,13 +3054,12 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.29.1",
+      "version": "4.30.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.30.1.tgz",
-      "integrity": "sha512-xufkSNppNOdVRCEC4WKvlR1FBDyqCSCpQeMMgv9ZyXqqtKBfkw1yfGMTUTs9Qsl6WQbJnsGboWCp7pJGkeMhKA==",
+      "integrity": "sha512-V9U8Ey2UqmQsBT+xTOeMzPzwDzyXmnAoO4edZhL7INkwQcaW1Ckv3WJX3qrrp/VHaDkEWIBWhRwP47r8cdrOow==",
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3085,13 +3067,12 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.29.1",
+      "version": "4.30.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.30.1.tgz",
-      "integrity": "sha512-F2OiJ42m77lSkizZQLuC+jiZ2cgueWQL5YC9tjo3AgaEw+KJmVxHGSyQfDUoYR9cci0lAywv2Clmckzulcq6ig==",
+      "integrity": "sha512-WabtHWiPaFF47W3PkHnjbmWawnX/aE57K47ZDT1BXTS5GgrBUEpvOzq0FI0V/UYzQJgdb8XlhVNH8/fwV8xDjw==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3099,13 +3080,12 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.29.1",
+      "version": "4.30.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.30.1.tgz",
-      "integrity": "sha512-rYRe5S0FcjlOBZQHgbTKNrqxCBUmgDJem/VQTCcTnA2KCabYSWQDrytOzX7avb79cAAweNmMUb/Zw18RNd4mng==",
+      "integrity": "sha512-pxHAU+Zv39hLUTdQQHUVHf4P+0C47y/ZloorHpzs2SXMRqeAWmGghzAhfOlzFHHwjvgokdFAhC4V+6kC1lRRfw==",
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3113,13 +3093,12 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.29.1",
+      "version": "4.30.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.30.1.tgz",
-      "integrity": "sha512-+10CMg9vt1MoHj6x1pxyjPSMjHTIlqs8/tBztXvPAx24SKs9jwVnKqHJumlH/IzhaPUaj3T6T6wfZr8okdXaIg==",
+      "integrity": "sha512-D6qjsXGcvhTjv0kI4fU8tUuBDF/Ueee4SVX79VfNDXZa64TfCW1Slkb6Z7O1p7vflqZjcmOVdZlqf8gvJxc6og==",
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3164,7 +3143,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 +3157,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 +3167,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 +3178,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 +4389,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 +4453,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 +5366,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 +5722,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 +5892,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 +7265,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 +7462,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 +7534,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 +7885,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 +7919,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 +8154,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 +8339,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 +8682,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 +9092,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 +9434,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 +9531,44 @@
         }
       }
     },
+    "node_modules/vite/node_modules/rollup": {
+      "version": "4.30.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.30.1.tgz",
+      "integrity": "sha512-mlJ4glW020fPuLi7DkM/lN97mYEZGWeqBnrljzN0gs7GLctqX3lNWxKQ7Gl712UAX+6fog/L3jh4gb7R6aVi3w==",
+      "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.30.1",
+        "@rollup/rollup-android-arm64": "4.30.1",
+        "@rollup/rollup-darwin-arm64": "4.30.1",
+        "@rollup/rollup-darwin-x64": "4.30.1",
+        "@rollup/rollup-freebsd-arm64": "4.30.1",
+        "@rollup/rollup-freebsd-x64": "4.30.1",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.30.1",
+        "@rollup/rollup-linux-arm-musleabihf": "4.30.1",
+        "@rollup/rollup-linux-arm64-gnu": "4.30.1",
+        "@rollup/rollup-linux-arm64-musl": "4.30.1",
+        "@rollup/rollup-linux-loongarch64-gnu": "4.30.1",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.30.1",
+        "@rollup/rollup-linux-riscv64-gnu": "4.30.1",
+        "@rollup/rollup-linux-s390x-gnu": "4.30.1",
+        "@rollup/rollup-linux-x64-gnu": "4.30.1",
+        "@rollup/rollup-linux-x64-musl": "4.30.1",
+        "@rollup/rollup-win32-arm64-msvc": "4.30.1",
+        "@rollup/rollup-win32-ia32-msvc": "4.30.1",
+        "@rollup/rollup-win32-x64-msvc": "4.30.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 +9773,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 +9794,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 +9806,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 +10050,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/App.tsx

@@ -6,6 +6,7 @@ import Login from "./Pages/Login";
 import { RouteLink } from "./Routes/Routes";
 import LoginOtp from "./Pages/OnBoarding/LoginOtp";
 import CreatePass from "./Pages/OnBoarding/CreatePass";
+import LoginWithPass from "./Pages/OnBoarding/LoginWithPass";
 
 function App() {
   const context = useContext(GlobalStateContext);
@@ -16,9 +17,10 @@ function App() {
   return (
     <Router>
       <Routes>
-        <Route path="/login" element={<Login />} />
+        <Route path="/login" element={<LoginWithPass/>} />
-        <Route path="/login/login-otp" element={<LoginOtp />} />
+        <Route path="/forgotPassword" element={<Login />} />
-        <Route path="/login/create-password" element={<CreatePass/>}/>
+        <Route path="/login-otp" element={<LoginOtp />} />
+        <Route path="/create-password" element={<CreatePass/>}/>
         <Route
           path="/*"
           element={
@@ -31,11 +33,11 @@ function App() {
                 </Routes>
               </DefaultLayout>
             ) : (
-              <Login />
+              <LoginWithPass />
             )
           }
         />
-        <Route path="*" element={<Login />} />
+        <Route path="*" element={<LoginWithPass />} />
       </Routes>
     </Router>
   );

src/Contexts/GlobalStateProvider.tsx

@@ -5,7 +5,7 @@ import GlobalStateContext from './GlobalStateContext';
 
 
 const GlobalStateProvider = ({ children }:{children:ReactNode}) => {
-  const [isAuthenticate, setIsAuthenticate] = useState<boolean>(false);
+  const [isAuthenticate, setIsAuthenticate] = useState<boolean>(true);
 
   return (
     <GlobalStateContext.Provider value={{ isAuthenticate, setIsAuthenticate }}>

src/Layouts/DefaultLayout.tsx

@@ -31,11 +31,11 @@ const DefaultLayout: FC<{ children: React.ReactNode }> = ({ children }) => {
       w="100%"
       h="100vh"
     >
-      <VStack zIndex={1} gap={0} rounded={"lg"} h="100%" w="15%">
+      <VStack  zIndex={1} gap={0} rounded={"lg"} h="100%" w="15%">
         <HStack w={"100%"} p={3} h={"6.5%"} justifyContent={"center"}>
           <Image w={55} src={logo} />
         </HStack>
-        <VStack  w={"100%"} p={3}>
+        <VStack overflowY="scroll" w={"100%"} p={3}>
           {nav?.map(({ title, path, Icon, type, children, initPath }, index) =>
             type === "single" ? (
               <NavLink

src/Pages/Login.tsx

@@ -6,18 +6,21 @@ import logo from "../assets/logo.svg";
 import { Button } from "../components/ui/button";
 import { Field } from "../components/ui/field";
 import { Toaster, toaster } from "../components/ui/toaster";
-import { LuUser } from "react-icons/lu";
+import { useNavigate } from "react-router-dom";
 
 interface FormValues {
-  mobileNumber: number;
+  mobileNumber: string; 
 }
 
 const Login = () => {
   const [isLoading, setIsLoading] = useState<boolean>(false);
   const context = useContext(GlobalStateContext);
+  const navigate = useNavigate();
+  
   if (!context) {
     throw new Error("App must be used within a GlobalStateProvider");
   }
+
   const { setIsAuthenticate } = context;
   const {
     register,
@@ -27,11 +30,13 @@ const Login = () => {
 
   const onSubmit = handleSubmit((data) => {
     setIsLoading(true);
-    if (data?.mobileNumber === 1234567890) {
+
+    if (data.mobileNumber === "1234567890") {
       setTimeout(() => {
-        setIsAuthenticate(true);
+        setIsAuthenticate(true); 
         setIsLoading(false);
-      }, 3000); // 3-second delay
+        navigate("/login-otp"); 
+      }, 3000); 
     } else {
       toaster.create({
         title: `Invalid Credentials`,
@@ -93,14 +98,16 @@ const Login = () => {
                 <Input
                   ps={3}
                   {...register("mobileNumber", {
-                    required: "Mobile Number address is required",
+                    required: "Mobile Number is required",
+                    pattern: {
+                      value: /^[0-9]{10}$/, 
+                      message: "Invalid mobile number",
+                    },
                   })}
-                  placeholder="Mobile Number Address"
+                  placeholder="Mobile Number"
                 />
-
-
-                <Text cursor="pointer" as={'span'} w={'100%'} fontSize={'xs'} fontWeight={'normal'} color={'#686677'}>Forget password</Text>
               </Field>
+
               <Button
                 loading={isLoading}
                 mt={4}
@@ -114,7 +121,9 @@ const Login = () => {
                 Send OTP
               </Button>
 
-              <Text>Forgot password</Text>
+              <Text cursor="pointer" color="#02A0A0" fontSize="sm">
+                Forgot password?
+              </Text>
             </VStack>
           </VStack>
         </Center>

src/Pages/ManageUser/DeactivatedAccounts/DeactivatedAccounts.tsx

@@ -1,11 +1,91 @@
-import MainFrame from '../../../components/MainFrame'
+import {
+  Box,
+  HStack,
+  Input,
+  Text
+} from "@chakra-ui/react";
+import { LuSearch } from "react-icons/lu";
+import DataTable from "../../../components/DataTable";
+import MainFrame from "../../../components/MainFrame";
+import { InputGroup } from "../../../components/ui/input-group";
+import {
+  PaginationItems,
+  PaginationNextTrigger,
+  PaginationPrevTrigger,
+  PaginationRoot,
+} from "../../../components/ui/pagination";
+import { Switch } from "../../../components/ui/switch";
+
+const tableHeadRow = [
+  "Sr. No",
+  "First Name",
+  "Last Name",
+  "Company name",
+  "Activate/Deactivate",
+];
+
+const usersData = [
+  ...Array.from({ length: 10 }, (_, i) => ({
+    "Sr. No": i + 1,
+    "First Name": "Ritesh",
+    "Last Name": "Joshi",
+    "Company name": "WDI",
+    "Activate/Deactivate": (
+      <HStack justifyContent="center">
+        <Text>Yes</Text>
+        <Switch size="sm" colorPalette="teal" />
+        <Text>No</Text>
+      </HStack>
+    ),
+  })),
+];
 
 const DeactivatedAccounts = () => {
   return (
     <MainFrame>
-        
+      <HStack w="100%" justifyContent="space-between" p={3}>
-    </MainFrame>
+        <Text as="span" fontSize="sm" fontWeight="bolder" color="#000">
-  )
+          Registered Users
-}
+        </Text>
 
-export default DeactivatedAccounts
+        <Box w="30%">
+          <InputGroup
+            bgSize="xs"
+            flex="1"
+            startElement={<LuSearch />}
+            w="100%"
+            color="#000"
+          >
+            <Input
+              w="100%"
+              bg="#EEEEEE"
+              _focus={{ border: "1px #02A0A0 solid" }}
+              border="1px #EEEEEE solid"
+              rounded="full"
+              size="sm"
+              placeholder="Search..."
+            />
+          </InputGroup>
+        </Box>
+      </HStack>
+
+      <DataTable tableHeadRow={tableHeadRow} data={usersData} />
+
+      <PaginationRoot
+        p={4}
+        mt={8}
+        count={usersData.length}
+        pageSize={3}
+        defaultPage={1}
+      >
+        <HStack justifyContent="flex-end" mb={5}>
+          <PaginationPrevTrigger />
+          <PaginationItems />
+          <PaginationNextTrigger />
+        </HStack>
+      </PaginationRoot>
+    </MainFrame>
+  );
+};
+
+export default DeactivatedAccounts;

src/Pages/ManageUser/RegisterUsers/Component/DeleteConfirmationDialog.tsx

@@ -0,0 +1,82 @@
+import React from "react";
+
+import {
+  DialogActionTrigger,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogRoot,
+  DialogTitle,
+  DialogTrigger,
+} from "../../../../components/ui/dialog";
+import { RiDeleteBin5Line } from "react-icons/ri";
+import { DialogBody, Image, Text } from "@chakra-ui/react";
+import { Button } from "../../../../components/ui/button";
+import DelteIcon from "../../../../assets/icons/delete.png";
+
+interface DeleteConfirmationDialogProps {
+  onConfirm: () => void;
+}
+
+const DeleteConfirmationDialog: React.FC<DeleteConfirmationDialogProps> = ({
+  onConfirm,
+}) => {
+  return (
+    <DialogRoot role="alertdialog">
+      <DialogTrigger asChild>
+        <RiDeleteBin5Line cursor="pointer" size="18px" />
+      </DialogTrigger>
+      <DialogContent bgColor="#fff">
+        <DialogHeader display="flex" justifyContent="center">
+          {/* <DialogTitle>Are you sure?</DialogTitle> */}
+
+          <Image src={DelteIcon} h={"80px"} width="64.97px" />
+        </DialogHeader>
+        <DialogBody
+          display="flex"
+          flexDirection="column"
+          alignItems="center"
+          color="black"
+        >
+          <Text
+            fontWeight={600}
+            fontSize="md"
+            color="#000000"
+            textAlign="center"
+          >
+            Delete User
+          </Text>
+          <p style={{ textAlign: "center", color: "#000000CC", width: "30%" }}>
+            {" "}
+            Are you sure you want to delete this user
+          </p>
+        </DialogBody>
+        <DialogFooter width="100%">
+          <DialogActionTrigger asChild>
+            <Button
+              width="50%"
+              color="black"
+              _hover={{ bgColor: "white" }}
+              variant="outline"
+              borderRadius="94px"
+            >
+              No
+            </Button>
+          </DialogActionTrigger>
+          <Button
+            borderRadius="94px"
+             width="50%"
+            colorPalette="teal"
+            onClick={onConfirm}
+          >
+            Yes{" "}
+          </Button>
+        </DialogFooter>
+        <DialogCloseTrigger />
+      </DialogContent>
+    </DialogRoot>
+  );
+};
+
+export default DeleteConfirmationDialog;

src/Pages/ManageUser/RegisterUsers/Component/EditRegisterUser.tsx

@@ -0,0 +1,77 @@
+import React, { useRef } from "react";
+import { Input, Stack } from "@chakra-ui/react";
+import { Button } from "../../../../components/ui/button";
+import {
+  DialogActionTrigger,
+  DialogBody,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogRoot,
+  DialogTitle,
+  DialogTrigger,
+} from "../../../../components/ui/dialog";
+import { Field } from "../../../../components/ui/field";
+import { FaRegEye } from "react-icons/fa";
+
+interface EditRegisterUser {
+  onConfirm: () => void;
+}
+
+const EditRegisterUser: React.FC<EditRegisterUser> = ({ onConfirm }) => {
+  const ref = useRef<HTMLInputElement>(null); // Initialize the ref properly
+
+  return (
+    <div>
+      <DialogRoot initialFocusEl={() => ref.current}>
+        <DialogTrigger asChild>
+          <FaRegEye cursor="pointer" size="18px" />
+        </DialogTrigger>
+        <DialogContent bgColor="#fff" color="black">
+          <DialogHeader>
+            <DialogTitle fontSize="md">Edit user Accounts</DialogTitle>
+          </DialogHeader>
+          <DialogBody pb="4">
+            <Stack gap="4">
+              <Field fontSize="sm" label="First Name">
+                <Input
+                  fontSize="sm"
+                  bgColor="#EEEEEE"
+                  borderRadius="50px"
+                  placeholder="First Name"
+                />
+              </Field>
+              <Field fontSize="sm" label="Gender">
+                <Input
+                  fontSize="sm"
+                  bgColor="#EEEEEE"
+                  borderRadius="50px"
+                  ref={ref}
+                  placeholder="Focus First"
+                />
+              </Field>
+
+              <Field fontSize="sm" label="Last Name">
+                <Input
+                  fontSize="sm"
+                  bgColor="#EEEEEE"
+                  borderRadius="50px"
+                  ref={ref}
+                  placeholder="Focus First"
+                />
+              </Field>
+            </Stack>
+          </DialogBody>
+          <DialogFooter>
+            <DialogActionTrigger asChild>
+              <Button variant="outline">Cancel</Button>
+            </DialogActionTrigger>
+            <Button onClick={onConfirm}>Save</Button>
+          </DialogFooter>
+        </DialogContent>
+      </DialogRoot>
+    </div>
+  );
+};
+
+export default EditRegisterUser;

src/Pages/ManageUser/RegisterUsers/RegisterUsers.tsx

@@ -1,8 +1,19 @@
-import { Box, HStack, Input, Stack, Table, Text } from "@chakra-ui/react";
+import { Box, HStack, Input, Text } from "@chakra-ui/react";
-import MainFrame from "../../../components/MainFrame";
+import { CiEdit } from "react-icons/ci";
-import { InputGroup } from "../../../components/ui/input-group";
+import { FaRegEye } from "react-icons/fa";
 import { LuSearch } from "react-icons/lu";
 import DataTable from "../../../components/DataTable";
+import MainFrame from "../../../components/MainFrame";
+import { InputGroup } from "../../../components/ui/input-group";
+import {
+  PaginationItems,
+  PaginationNextTrigger,
+  PaginationRoot,
+} from "../../../components/ui/pagination";
+import { Switch } from "../../../components/ui/switch";
+import { Button } from "../../../components/ui/button";
+import DeleteConfirmationDialog from "./Component/DeleteConfirmationDialog";
+import EditRegisterUser from "./Component/EditRegisterUser";
 
 // Table setup
 const tableHeadRow = [
@@ -13,193 +24,49 @@ const tableHeadRow = [
   "DOB",
   "Type of User",
   "Language",
-  "Status",
+  "Activate/Deactivate",
   "Action",
 ];
 
 const usersData: any[] = [
-  {
+  ...Array.from({ length: 10 }, (_, i) => ({
-    "Sr. No": 1,
+    "Sr. No": i + 1,
     "First Name": "Ritesh",
     "Mobile number": "9876543210",
     Gender: "Male",
     DOB: "15-01-1990",
     "Type of User": "Admin",
     Language: "English",
-    Status: "Active",
+    "Activate/Deactivate": (
-    Action: "Edit/Delete",
+      <HStack justifyContent="center">
-  },
+        <Text>Yes</Text>
-  {
+        <Switch size="sm" colorPalette="teal" />
-    "Sr. No": 2,
+        <Text>No</Text>
-    "First Name": "Anjali",
+      </HStack>
-    "Mobile number": "9123456789",
+    ),
-    Gender: "Female",
+    Action: (
-    DOB: "21-06-1995",
+      <HStack justifyContent="center" gap={2}>
-    "Type of User": "Customer",
+        {/* <FaRegEye cursor="pointer" size="18px" /> */}
-    Language: "Hindi",
+        <EditRegisterUser
-    Status: "Inactive",
+          onConfirm={() => {
-    Action: "Edit/Delete",
+            console.log("User deleted:", i + 1);
-  },
+          }}
-  {
+        />
-    "Sr. No": 3,
+        <CiEdit cursor="pointer" size="18px" />
-    "First Name": "Rajesh",
+        <DeleteConfirmationDialog
-    "Mobile number": "9871234560",
+          onConfirm={() => {
-    Gender: "Male",
+            console.log("User deleted:", i + 1);
-    DOB: "12-12-1985",
+          }}
-    "Type of User": "Vendor",
+        />
-    Language: "English",
+      </HStack>
-    Status: "Active",
+    ),
-    Action: "Edit/Delete",
+  })),
-  },
-  {
-    "Sr. No": 4,
-    "First Name": "Priya",
-    "Mobile number": "9988776655",
-    Gender: "Female",
-    DOB: "05-05-1998",
-    "Type of User": "Customer",
-    Language: "Tamil",
-    Status: "Active",
-    Action: "Edit/Delete",
-  },
-  {
-    "Sr. No": 5,
-    "First Name": "Amit",
-    "Mobile number": "8899665544",
-    Gender: "Male",
-    DOB: "03-03-1992",
-    "Type of User": "Admin",
-    Language: "Gujarati",
-    Status: "Inactive",
-    Action: "Edit/Delete",
-  },
-  {
-    "Sr. No": 6,
-    "First Name": "Amit",
-    "Mobile number": "8899665544",
-    Gender: "Male",
-    DOB: "03-03-1992",
-    "Type of User": "Admin",
-    Language: "Gujarati",
-    Status: "Inactive",
-    Action: "Edit/Delete",
-  },
-  {
-    "Sr. No": 7,
-    "First Name": "Amit",
-    "Mobile number": "8899665544",
-    Gender: "Male",
-    DOB: "03-03-1992",
-    "Type of User": "Admin",
-    Language: "Gujarati",
-    Status: "Inactive",
-    Action: "Edit/Delete",
-  },
-  {
-    "Sr. No": 5,
-    "First Name": "Amit",
-    "Mobile number": "8899665544",
-    Gender: "Male",
-    DOB: "03-03-1992",
-    "Type of User": "Admin",
-    Language: "Gujarati",
-    Status: "Inactive",
-    Action: "Edit/Delete",
-  },
-  {
-    "Sr. No": 6,
-    "First Name": "Amit",
-    "Mobile number": "8899665544",
-    Gender: "Male",
-    DOB: "03-03-1992",
-    "Type of User": "Admin",
-    Language: "Gujarati",
-    Status: "Inactive",
-    Action: "Edit/Delete",
-  },
-  {
-    "Sr. No": 7,
-    "First Name": "Amit",
-    "Mobile number": "8899665544",
-    Gender: "Male",
-    DOB: "03-03-1992",
-    "Type of User": "Admin",
-    Language: "Gujarati",
-    Status: "Inactive",
-    Action: "Edit/Delete",
-  },
-  {
-    "Sr. No": 8,
-    "First Name": "Amit",
-    "Mobile number": "8899665544",
-    Gender: "Male",
-    DOB: "03-03-1992",
-    "Type of User": "Admin",
-    Language: "Gujarati",
-    Status: "Inactive",
-    Action: "Edit/Delete",
-  },
-  {
-    "Sr. No": 9,
-    "First Name": "Amit",
-    "Mobile number": "8899665544",
-    Gender: "Male",
-    DOB: "03-03-1992",
-    "Type of User": "Admin",
-    Language: "Gujarati",
-    Status: "Inactive",
-    Action: "Edit/Delete",
-  },
-  {
-    "Sr. No": 10,
-    "First Name": "Amit",
-    "Mobile number": "8899665544",
-    Gender: "Male",
-    DOB: "03-03-1992",
-    "Type of User": "Admin",
-    Language: "Gujarati",
-    Status: "Inactive",
-    Action: "Edit/Delete",
-  },
-  {
-    "Sr. No": 11,
-    "First Name": "Amit",
-    "Mobile number": "8899665544",
-    Gender: "Male",
-    DOB: "03-03-1992",
-    "Type of User": "Admin",
-    Language: "Gujarati",
-    Status: "Inactive",
-    Action: "Edit/Delete",
-  },
-  {
-    "Sr. No": 12,
-    "First Name": "Amit",
-    "Mobile number": "8899665544",
-    Gender: "Male",
-    DOB: "03-03-1992",
-    "Type of User": "Admin",
-    Language: "Gujarati",
-    Status: "Inactive",
-    Action: "Edit/Delete",
-  },
-  {
-    "Sr. No": 13,
-    "First Name": "Amit",
-    "Mobile number": "8899665544",
-    Gender: "Male",
-    DOB: "03-03-1992",
-    "Type of User": "Admin",
-    Language: "Gujarati",
-    Status: "Inactive",
-    Action: "Edit/Delete",
-  },
 ];
 
 const RegisterUsers = () => {
   return (
     <MainFrame>
-      <HStack   w={"100%"} justifyContent={"space-between"} p={3}>
+      <HStack w={"100%"} justifyContent={"space-between"} p={3}>
         <Text as={"span"} fontSize={"sm"} fontWeight={"bolder"} color={"#000"}>
           Register User
         </Text>
@@ -226,6 +93,19 @@ const RegisterUsers = () => {
       </HStack>
 
       <DataTable tableHeadRow={tableHeadRow} data={usersData} />
+
+      <PaginationRoot
+        p={4}
+        mt={8}
+        count={usersData.length}
+        pageSize={3}
+        defaultPage={1}
+      >
+        <HStack justifyContent="flex-end" mb={5}>
+          <PaginationItems />
+          <PaginationNextTrigger />
+        </HStack>
+      </PaginationRoot>
     </MainFrame>
   );
 };

src/Pages/OnBoarding/LoginOtp.tsx

@@ -8,6 +8,7 @@ import { Button } from "../../components/ui/button";
 import { Field } from "../../components/ui/field";
 import { Toaster, toaster } from "../../components/ui/toaster";
 import { PinInput } from "../../components/ui/pin-input";
+import { useNavigate } from "react-router-dom";
 
 interface FormValues {
   mobileNumber: number;
@@ -16,6 +17,7 @@ interface FormValues {
 const LoginOtp = () => {
   const [isLoading, setIsLoading] = useState<boolean>(false);
   const context = useContext(GlobalStateContext);
+  const navigate = useNavigate();
   if (!context) {
     throw new Error("App must be used within a GlobalStateProvider");
   }
@@ -117,7 +119,7 @@ const LoginOtp = () => {
                 Resend OTP
               </Text>
               <Button
-                loading={isLoading}
+                // loading={isLoading}
                 mt={4}
                 size={"sm"}
                 bg={"#02A0A0"}
@@ -125,6 +127,7 @@ const LoginOtp = () => {
                 w={"100%"}
                 color={"#ffffff"}
                 type="submit"
+                onClick={navigate("/create-password")}
               >
                 Send OTP
               </Button>

src/Pages/OnBoarding/LoginWithPass.tsx

@@ -0,0 +1,160 @@
+import { Center, HStack, Image, Input, Text, VStack } from "@chakra-ui/react";
+import { useContext } from "react";
+import { useForm } from "react-hook-form";
+import GlobalStateContext from "../../Contexts/GlobalStateContext";
+import logo from "../../assets/logo.svg";
+import { Button } from "../../components/ui/button";
+import { Toaster, toaster } from "../../components/ui/toaster";
+import { NavLink, useNavigate } from "react-router-dom";
+import { Field } from "../../components/ui/field";
+
+const LoginWithPass = () => {
+  const {
+    register,
+    handleSubmit,
+    formState: { errors },
+  } = useForm();
+  const context = useContext(GlobalStateContext);
+  const navigate = useNavigate();
+
+  if (!context) {
+    throw new Error("App must be used within a GlobalStateProvider");
+  }
+
+  const { setIsAuthenticate } = context;
+
+  const onSubmit = (data: { mobileNumber: string; password: string }) => {
+    const { mobileNumber, password } = data;
+
+    if (mobileNumber === "1231239870" && password === "admin@123") {
+      navigate("/");
+      setIsAuthenticate(true);
+    } else {
+      toaster.create({
+        title: "Invalid Credentials",
+        type: "error",
+      });
+    }
+  };
+
+  return (
+    <VStack w={"100%"} h={"100vh"} bg={"#ffffff"}>
+      <HStack
+        boxShadow={"rgba(99, 99, 99, 0.2) 0px 2px 8px 0px"}
+        w={"100%"}
+        ps={8}
+        h={"7%"}
+        justifyContent={"flex-start"}
+      >
+        <Image w={50} src={logo} />
+      </HStack>
+
+      <HStack w={"100%"} h={"93%"} p={8} gap={8}>
+        <Center
+          display={{ base: "none", md: "flex" }}
+          bg={"#02A0A033"}
+          w={"50%"}
+          h={"100%"}
+          rounded={"3xl"}
+        >
+          <Image w={250} src={logo} />
+        </Center>
+
+        <Center
+          as={"form"}
+          p={{ base: 4, md: 16 }}
+          w={{ base: "100%", md: "50%" }}
+          h={"100%"}
+          onSubmit={handleSubmit(onSubmit)}
+        >
+          <VStack gap={2} w={"100%"} alignItems={"flex-start"}>
+            <Text
+              w={"100%"}
+              textAlign={"center"}
+              fontSize={"24px"}
+              fontWeight={"normal"}
+              color={"#313039"}
+              textTransform={"uppercase"}
+            >
+              LogIn
+            </Text>
+
+            <VStack mt={6} gap={4} w={"full"}>
+              <Field color={"#313039"} label={"Enter Mobile Number"} w={"100%"}>
+                <Input
+                  ps={3}
+                  type="text"
+                  {...register("mobileNumber", {
+                    required: "Mobile Number is required",
+                    minLength: {
+                      value: 10,
+                      message: "Mobile Number must be 10 digits long",
+                    },
+                    maxLength: {
+                      value: 10,
+                      message: "Mobile Number must be 10 digits long",
+                    },
+                  })}
+                  placeholder="Enter your mobile number"
+                />
+                {errors.mobileNumber && (
+                  <Text fontSize={"xs"} color={"red.500"}>
+                    {errors.mobileNumber.message}
+                  </Text>
+                )}
+              </Field>
+
+              <Field color={"#313039"} label={"Enter Password"} w={"100%"}>
+                <Input
+                  ps={3}
+                  type="password"
+                  {...register("password", {
+                    required: "Password is required",
+                    minLength: {
+                      value: 6,
+                      message: "Password must be at least 6 characters long",
+                    },
+                  })}
+                  placeholder="Enter your password"
+                />
+                {errors.password && (
+                  <Text fontSize={"xs"} color={"red.500"}>
+                    {errors.password.message}
+                  </Text>
+                )}
+                <NavLink to="/forgotPassword">
+                  <Text
+                    cursor="pointer"
+                    as={"span"}
+                    w={"100%"}
+                    fontSize={"xs"}
+                    fontWeight={"normal"}
+                    color={"#686677"}
+                  >
+                    Forget password
+                  </Text>
+                </NavLink>
+              </Field>
+
+              <Button
+                mt={4}
+                size={"sm"}
+                bg={"#02A0A0"}
+                rounded={"md"}
+                w={"100%"}
+                color={"#ffffff"}
+                type="submit"
+                textTransform="capitalize"
+              >
+                Confirm Password
+              </Button>
+            </VStack>
+          </VStack>
+        </Center>
+        <Toaster />
+      </HStack>
+    </VStack>
+  );
+};
+
+export default LoginWithPass;

src/Pages/Profile/Profile.tsx

@@ -1,11 +1,110 @@
-import MainFrame from "../../components/MainFrame"
+import { Circle, HStack, Image, Input, Text, VStack } from "@chakra-ui/react";
-
+import MainFrame from "../../components/MainFrame";
+import mypfp from "../../assets/profile-Avtars/mypfp.png";
+import { FaCamera } from "react-icons/fa";
+import { Field } from "../../components/ui/field";
+import { Button } from "../../components/ui/button";
+import { Editable } from "@chakra-ui/react";
 const Profile = () => {
   return (
-    <MainFrame >
+    <MainFrame>
+      <VStack gap={4} p={4} alignItems="flex-start">
+        <Circle height="113px" width="113px" position="relative">
+          <Image src={mypfp} height="100%" />
+          <span style={{ position: "absolute", right: "25px", bottom: "0" }}>
+            <FaCamera color="black" />
+          </span>
+        </Circle>
 
+        <VStack alignItems="flex-start">
+          <Text fontSize="sm" color="#1C1C1C" fontWeight={700}>
+            Jackson David
+          </Text>
+          <Text color="#090909" fontWeight={400} fontSize={"sm"}>
+            <span style={{ fontWeight: "600" }}>Employee ID:</span> #1245679
+          </Text>
+        </VStack>
+
+        <VStack alignItems="flex-start">
+          <HStack>
+            <VStack alignItems="flex-start">
+              <Text fontSize="sm" color="black">
+                First Name
+              </Text>
+              <Editable.Root
+                border="0.5px solid #969696"
+                borderRadius="4px"
+                w="30vw"
+                textAlign="start"
+                color="black"
+                bg="transparent" 
+                defaultValue="Jackson"
+              >
+                <Editable.Preview />
+                <Editable.Input />
+              </Editable.Root>
+            </VStack>
+            <VStack alignItems="flex-start">
+              <Text fontSize="sm" color="black">
+                Last Name
+              </Text>
+              <Editable.Root
+                border="0.5px solid #969696"
+                borderRadius="4px"
+                w="30vw"
+                textAlign="start"
+                color="black"
+                defaultValue="David"
+              >
+                <Editable.Preview />
+                <Editable.Input />
+              </Editable.Root>
+            </VStack>
+            {/* <Field color="black" w="30vw" label="First Name">
+              <Input color="teal" _placeholder={{ color: "inherit" }} />
+            </Field>
+            <Field color="black" w="30vw" label="Last Name">
+              <Input color="teal" _placeholder={{ color: "inherit" }} />
+            </Field> */}
+          </HStack>
+          {/* <Field color="black" w="30vw" label="Phone Number">
+            <Input color="teal" _placeholder={{ color: "inherit" }} />
+          </Field> */}
+          <VStack alignItems="flex-start">
+            <Text fontSize="sm" color="black">
+              Phone Number
+            </Text>
+            <Editable.Root
+              _hover={{ bgColor: "white", color: "black" }}
+              border="0.5px solid #969696"
+              borderRadius="4px"
+              w="30vw"
+              textAlign="start"
+              color="black"
+              defaultValue="23435465543"
+            >
+              <Editable.Preview />
+              <Editable.Input />
+            </Editable.Root>
+          </VStack>
+        </VStack>
+        <VStack alignItems="flex-start">
+          <Text color="#1C1C1C" fontSize="sm" fontWeight={700}>
+            Update Password
+          </Text>
+          <Button
+            color="white"
+            borderRadius="94px"
+            bgColor="#02A0A0"
+            w="227px"
+            p={2}
+          >
+            Change Password
+          </Button>
+        </VStack>
+      </VStack>
     </MainFrame>
-  )
+  );
-}
+};
 
-export default Profile
+export default Profile;

src/Routes/Nav.ts

@@ -3,96 +3,135 @@ import { GoDotFill } from "react-icons/go";
 import { PiHeadphonesBold } from "react-icons/pi";
 import { RiUserSettingsLine } from "react-icons/ri";
 import { TbEdit, TbLayoutDashboard } from "react-icons/tb";
-import { TiDocumentText, TiUserAddOutline, TiUserOutline } from "react-icons/ti";
+import {
-
+  TiDocumentText,
-
+  TiUserAddOutline,
+  TiUserOutline,
+} from "react-icons/ti";
 
 export const nav = [
-    
+  {
-        {
+    title: "Dashboard",
-          title: "Dashboard",
+    path: "/",
-          path: "/",
+    Icon: TbLayoutDashboard,
-          Icon: TbLayoutDashboard,
+    type: "single",
-          type:'single'
+  },
-        },
+  {
-        {
+    title: "Manage Users",
-          title: "Manage Users",
+    path: "/manage-user/register-user",
-          path: "/manage-user/register-user",
+    initPath: "/manage-user",
-          initPath:'/manage-user',
+    Icon: TiUserOutline,
-          Icon: TiUserOutline,
+    type: "multiple",
-          type:'multiple',
+    children: [
-          children: [
+      {
-            {
+        title: "Register Users",
-              title: "Register Users",
+        path: "/manage-user/register-user",
-              path: "/manage-user/register-user",
+        Icon: GoDotFill,
-              Icon: GoDotFill,
+      },
-            },
+      {
-            {
+        title: "Deactivated Accounts",
-              title: "Deactivated Accounts",
+        path: "/manage-user/deactivate-accounts",
-              path: "/manage-user/deactivate-accounts",
+        Icon: GoDotFill,
-              Icon: GoDotFill,
+      },
-            },
+    ],
-          ],
+  },
-        },
+  {
-        {
+    title: "Manage Post",
-          title: "Manage Post",
+    path: "/manage-post",
-          path: "/manage-post",
+    Icon: TbEdit,
-          Icon: TbEdit,
+    type: "single",
-          type:'single'
+  },
-        },
+  {
-        {
+    title: "Manage Sub-Admin",
-          title: "Manage Sub-Admin",
+    path: "/manage-sub-admin",
-          path: "/manage-sub-admin",
+    Icon: TiUserAddOutline,
-          Icon: TiUserAddOutline,
+    type: "single",
-          type:'single'
+  },
-        },
+  {
-        {
+    title: "Manage Jobs",
-          title: "Manage Jobs",
+    path: "/manage-jobs",
-          path: "/manage-jobs",
+    Icon: CgWorkAlt,
-          Icon: CgWorkAlt,
+    type: "single",
-          type:'single'
+  },
-        },
+  {
-        {
+    title: "Manage Contact Us",
-          title: "Manage Contact Us",
+    path: "/manage-contact-us",
-          path: "/manage-contact-us",
+    Icon: PiHeadphonesBold,
-          Icon: PiHeadphonesBold,
+    type: "single",
-          type:'single'
+  },
-        },
+
-        
+  {
-        {
+    title: "Manage CMS",
-          title: "Manage CMS",
+    initPath: "/manage-cms",
-          initPath:'/manage-cms',
+    path: "/manage-cms/faq",
-          path: "/manage-cms/faq",
+    Icon: TiDocumentText,
-          Icon: TiDocumentText,
+    type: "multiple",
-          type:'multiple',
+    children: [
-          children: [
+      {
-            {
+        title: "FAQ",
-              title: "FAQ",
+        path: "/manage-cms/faq",
-              path: "/manage-cms/faq",
+        Icon: GoDotFill,
-              Icon: GoDotFill,
+      },
-            },
+      {
-            {
+        title: "About Us",
-              title: "About Us",
+        path: "/manage-cms/about-us",
-              path: "/manage-cms/about-us",
+        Icon: GoDotFill,
-              Icon: GoDotFill,
+      },
-            },
+      {
-            {
+        title: "Privacy Policy",
-              title: "Privacy Policy",
+        path: "/manage-cms/privacy-policy",
-              path: "/manage-cms/privacy-policy",
+        Icon: GoDotFill,
-              Icon: GoDotFill,
+      },
-            },
+      {
-            {
+        title: "Terms And Conditions",
-              title: "Terms And Conditions",
+        path: "/manage-cms/terms-and-condition",
-              path: "/manage-cms/terms-and-condition",
+        Icon: GoDotFill,
-              Icon: GoDotFill,
+      },
-            },
+    ],
-          ],
+  },
-        },
+  {
-        {
+    title: "My Profile",
-          title: "My Profile",
+    path: "/profile",
-          path: "/profile",
+    Icon: RiUserSettingsLine,
-          Icon: RiUserSettingsLine,
+    type: "single",
-          type:'single'
+  },
-        },
+  {
-        
+    title: "Master Module",
-  ];
+    initPath: "/master-module",
+    path: "/master-module/agency-master",
+    Icon: TiDocumentText,
+    type: "multiple",
+    children: [
+      {
+        title: "Agency Master",
+        path: "/master-module/agency-master",
+        Icon: GoDotFill,
+      },
+      {
+        title: "Template Master",
+        path: "/master-module/template-master",
+        Icon: GoDotFill,
+      },
+      {
+        title: "Job Type",
+        path: "/master-module/job-type",
+        Icon: GoDotFill,
+      },
+      {
+        title: "Workspace model",
+        path: "/master-module/workspace-model",
+        Icon: GoDotFill,
+      },
+      {
+        title: "Country",
+        path: "/master-module/country",
+        Icon: GoDotFill,
+      },
+      {
+        title: "Job Status",
+        path: "/master-module/job-status",
+        Icon: GoDotFill,
+      },
+    ],
+  },
+];

src/Routes/Routes.ts

@@ -1,4 +1,3 @@
-
 import Dashboard from "../Pages/Dashboard/Dashboard";
 import AboutUs from "../Pages/ManageCMS/AboutUs/AboutUs";
 import FreqAskQuestion from "../Pages/ManageCMS/FAQ/FreqAskQuestion";
@@ -11,45 +10,22 @@ import DeactivatedAccounts from "../Pages/ManageUser/DeactivatedAccounts/Deactiv
 import RegisterUsers from "../Pages/ManageUser/RegisterUsers/RegisterUsers";
 import Profile from "../Pages/Profile/Profile";
 export const RouteLink = [
-    { path: "/", Component: Dashboard },
+  { path: "/", Component: Dashboard },
-    { path: "/manage-user/register-user", Component: RegisterUsers },
+  { path: "/manage-user/register-user", Component: RegisterUsers },
-    { path: "/manage-user/deactivate-accounts", Component: DeactivatedAccounts },
+  { path: "/manage-user/deactivate-accounts", Component: DeactivatedAccounts },
-    { path: "/manage-post", Component: ManagePost },
+  { path: "/manage-post", Component: ManagePost },
-    { path: "/manage-sub-admin", Component: ManageSubAdmin },
+  { path: "/manage-sub-admin", Component: ManageSubAdmin },
-    { path: "/manage-jobs", Component: ManageJobs },
+  { path: "/manage-jobs", Component: ManageJobs },
-    { path: "/manage-contact-us", Component: ManageContactUs },
+  { path: "/manage-contact-us", Component: ManageContactUs },
-    { path: "/manage-cms/faq", Component: FreqAskQuestion },
+  { path: "/manage-cms/faq", Component: FreqAskQuestion },
 
+  { path: "/manage-cms/about-us", Component: AboutUs },
 
+  { path: "/manage-cms/privacy-policy", Component: PrivacyPolicy },
 
-    { path: "/manage-cms/about-us", Component: AboutUs },
+  { path: "/manage-cms/terms-and-condition", Component: PrivacyPolicy },
 
+  { path: "/profile", Component: Profile },
 
-
+  { path: "/my-profile", Component: Profile },
-    { path: "/manage-cms/privacy-policy", Component: PrivacyPolicy },
+];
-
-
-    { path: "/manage-cms/terms-and-condition", Component: PrivacyPolicy },
-
-
-
-
-    
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    { path: "/profile", Component: Profile},
-]

src/components/DataTable.tsx

@@ -14,7 +14,7 @@ const DataTable: React.FC<TableProps> = ({ tableHeadRow, data }) => {
           <Table.Root  key={'line'} size="sm" variant={'line'}>
             <Table.Header >
               <Table.Row bg={'#02A0A0'} >
-                {tableHeadRow.map((item, index)=><Table.ColumnHeader fontSize={'xs'} fontWeight={700} key={index} border={'none'}>{item}</Table.ColumnHeader>)}
+                {tableHeadRow.map((item, index)=><Table.ColumnHeader textAlign="center"  fontSize={'xs'} fontWeight={700} key={index} border={'none'}>{item}</Table.ColumnHeader>)}
                 
               </Table.Row>
             </Table.Header>
@@ -22,7 +22,7 @@ const DataTable: React.FC<TableProps> = ({ tableHeadRow, data }) => {
               {data.map((item:any, index) => (
                 <Table.Row 
                       bg={index % 2 === 0 ? "#fff" : "#02A0A020"}  >
-                  {tableHeadRow.map((heading)=><Table.Cell key={index} fontSize={'xs'} fontWeight={500}  border={'none'}>{item[heading]}</Table.Cell>  )}
+                  {tableHeadRow.map((heading)=><Table.Cell textAlign="center" key={index} fontSize={'xs'} fontWeight={500}  border={'none'}>{item[heading]}</Table.Cell>  )}
                   
                 </Table.Row>))}
             

src/components/MainFrame.tsx

@@ -16,7 +16,7 @@ const MainFrame: FC<MainFrameProps> = ({ children }) => {
     <MotionVStack overflowY="scroll" {...OPACITY_ON_LOAD} w="100%" h="94.5%"  p={3} ps={1} pt={3}   >
       <Box
         w="100%"
-        h="100%"
+        h="100vh"
         bg="#ffffff"
         rounded="md"
         boxShadow={'rgba(99, 99, 99, 0.2) 0px 2px 8px 0px'}

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,228 @@
+"use client";
+
+import type { ButtonProps, TextProps } from "@chakra-ui/react";
+import {
+  Button,
+  Pagination as ChakraPagination,
+  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 ? "white" : "black"}
+        _hover={{ bg: "#02A0A0", color: "white" }}
+      >
+        {props.value}
+      </LinkButton>
+    );
+  }
+
+  return (
+    <ChakraPagination.Item ref={ref} {...props} asChild>
+      <Button
+        bg={current ? "#02A0A0" : "white"}
+        color={current ? "white" : "black"}
+        variant={variant}
+        size={size}
+        _hover={{ bg: "#02A0A0", color: "white" }}
+        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: "#02A0A0", color: "white" }}
+      >
+        <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="#02A0A0"
+        color="white"
+        w="136px"
+        _hover={{ bg: "#026060" }}
+      >
+        Next
+      </LinkButton>
+    );
+  }
+
+  return (
+    <ChakraPagination.NextTrigger ref={ref} asChild {...props}>
+      <Button
+        w="136px"
+        borderRadius="94px"
+        bg="#02A0A0"
+        color="white"
+        variant={variantMap.default}
+        size={size}
+        _hover={{ bg: "#026060" }}
+      >
+        Next
+      </Button>
+    </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

@@ -68,7 +68,7 @@ body{
 
 /* Style the scrollbar thumb (the draggable part) */
 ::-webkit-scrollbar-thumb {
-  background-color: #02A0A0; /* Gray color for the thumb */
+  background-color: #f3f3f3; /* Gray color for the thumb */
   border-radius: 10px;
   border: 3px solid #f1f1f1; /* Border around the thumb */
 }