diff --git a/Full Frontend Code repo/.eslintrc.cjs b/Full Frontend Code repo/.eslintrc.cjs
new file mode 100644
index 0000000000000000000000000000000000000000..3e212e1d4307a332e8511f530bc48a4ad5ed6f95
--- /dev/null
+++ b/Full Frontend Code repo/.eslintrc.cjs	
@@ -0,0 +1,21 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react/jsx-runtime',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+  settings: { react: { version: '18.2' } },
+  plugins: ['react-refresh'],
+  rules: {
+    'react/jsx-no-target-blank': 'off',
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}
diff --git a/Full Frontend Code repo/.gitignore b/Full Frontend Code repo/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..a547bf36d8d11a4f89c59c144f24795749086dd1
--- /dev/null
+++ b/Full Frontend Code repo/.gitignore	
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/Full Frontend Code repo/README.md b/Full Frontend Code repo/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..05f858e943165d43f153d3e2df02d494c1aebc93
--- /dev/null
+++ b/Full Frontend Code repo/README.md	
@@ -0,0 +1,5 @@
+# Shopify
+This is the web tech course work frontend
+
+## Link for the frontend
+<a href="https://shopify-pink-gamma.vercel.app/">Shopify - All in one Online Shop</a>
\ No newline at end of file
diff --git a/Full Frontend Code repo/index.html b/Full Frontend Code repo/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..ebde30975d56a605acc59a2de7edddec4acb7cf7
--- /dev/null
+++ b/Full Frontend Code repo/index.html	
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/logo.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Shopify - All in one Online Shop</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>
diff --git a/Full Frontend Code repo/package-lock.json b/Full Frontend Code repo/package-lock.json
new file mode 100644
index 0000000000000000000000000000000000000000..bedbd4b6148cc47bccdf1df566446e005c93183b
--- /dev/null
+++ b/Full Frontend Code repo/package-lock.json	
@@ -0,0 +1,4583 @@
+{
+  "name": "e-commerce-project-compelete-shopify-",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "e-commerce-project-compelete-shopify-",
+      "version": "0.0.0",
+      "dependencies": {
+        "@reduxjs/toolkit": "^2.2.3",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "react-icons": "^5.2.0",
+        "react-redux": "^9.1.2",
+        "react-router-dom": "^6.23.0",
+        "sass": "^1.76.0"
+      },
+      "devDependencies": {
+        "@types/react": "^18.2.66",
+        "@types/react-dom": "^18.2.22",
+        "@vitejs/plugin-react": "^4.2.1",
+        "eslint": "^8.57.0",
+        "eslint-plugin-react": "^7.34.1",
+        "eslint-plugin-react-hooks": "^4.6.0",
+        "eslint-plugin-react-refresh": "^0.4.6",
+        "vite": "^5.2.0"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
+      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.24.2",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.2.tgz",
+      "integrity": "sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/highlight": "^7.24.2",
+        "picocolors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.24.4",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.4.tgz",
+      "integrity": "sha512-vg8Gih2MLK+kOkHJp4gBEIkyaIi00jgWot2D9QOmmfLC8jINSOzmCLta6Bvz/JSBCqnegV0L80jhxkol5GWNfQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.24.5",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.5.tgz",
+      "integrity": "sha512-tVQRucExLQ02Boi4vdPp49svNGcfL2GhdTCT9aldhXgCJVAI21EtRfBettiuLUwce/7r6bFdgs6JFkcdTiFttA==",
+      "dev": true,
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.24.2",
+        "@babel/generator": "^7.24.5",
+        "@babel/helper-compilation-targets": "^7.23.6",
+        "@babel/helper-module-transforms": "^7.24.5",
+        "@babel/helpers": "^7.24.5",
+        "@babel/parser": "^7.24.5",
+        "@babel/template": "^7.24.0",
+        "@babel/traverse": "^7.24.5",
+        "@babel/types": "^7.24.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.24.5",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.5.tgz",
+      "integrity": "sha512-x32i4hEXvr+iI0NEoEfDKzlemF8AmtOP8CcrRaEcpzysWuoEb1KknpcvMsHKPONoKZiDuItklgWhB18xEhr9PA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.24.5",
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jsesc": "^2.5.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz",
+      "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/compat-data": "^7.23.5",
+        "@babel/helper-validator-option": "^7.23.5",
+        "browserslist": "^4.22.2",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-environment-visitor": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
+      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-function-name": {
+      "version": "7.23.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
+      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/template": "^7.22.15",
+        "@babel/types": "^7.23.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-hoist-variables": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz",
+      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.24.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.24.3.tgz",
+      "integrity": "sha512-viKb0F9f2s0BCS22QSF308z/+1YWKV/76mwt61NBzS5izMzDPwdq1pTrzf+Li3npBWX9KdQbkeCt1jSAM7lZqg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.24.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.24.5.tgz",
+      "integrity": "sha512-9GxeY8c2d2mdQUP1Dye0ks3VDyIMS98kt/llQ2nUId8IsWqTF0l1LkSX0/uP7l7MCDrzXS009Hyhe2gzTiGW8A==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-module-imports": "^7.24.3",
+        "@babel/helper-simple-access": "^7.24.5",
+        "@babel/helper-split-export-declaration": "^7.24.5",
+        "@babel/helper-validator-identifier": "^7.24.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.24.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.5.tgz",
+      "integrity": "sha512-xjNLDopRzW2o6ba0gKbkZq5YWEBaK3PCyTOY1K2P/O07LGMhMqlMXPxwN4S5/RhWuCobT8z0jrlKGlYmeR1OhQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-simple-access": {
+      "version": "7.24.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.24.5.tgz",
+      "integrity": "sha512-uH3Hmf5q5n7n8mz7arjUlDOCbttY/DW4DYhE6FUsjKJ/oYC1kQQUvwEQWxRwUpX9qQKRXeqLwWxrqilMrf32sQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.24.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-split-export-declaration": {
+      "version": "7.24.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.5.tgz",
+      "integrity": "sha512-5CHncttXohrHk8GWOFCcCl4oRD9fKosWlIRgWm4ql9VYioKm52Mk2xsmoohvm7f3JoiLSM5ZgJuRaf5QZZYd3Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.24.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.24.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.1.tgz",
+      "integrity": "sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.24.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.5.tgz",
+      "integrity": "sha512-3q93SSKX2TWCG30M2G2kwaKeTYgEUp5Snjuj8qm729SObL6nbtUldAi37qbxkD5gg3xnBio+f9nqpSepGZMvxA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.23.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz",
+      "integrity": "sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.24.5",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.5.tgz",
+      "integrity": "sha512-CiQmBMMpMQHwM5m01YnrM6imUG1ebgYJ+fAIW4FZe6m4qHTPaRHti+R8cggAwkdz4oXhtO4/K9JWlh+8hIfR2Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/template": "^7.24.0",
+        "@babel/traverse": "^7.24.5",
+        "@babel/types": "^7.24.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/highlight": {
+      "version": "7.24.5",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.5.tgz",
+      "integrity": "sha512-8lLmua6AVh/8SLJRRVD6V8p73Hir9w5mJrhE+IPpILG31KKlI9iz5zmBYKcWPS59qSfgP9RaSBQSHHE81WKuEw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.24.5",
+        "chalk": "^2.4.2",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.24.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.5.tgz",
+      "integrity": "sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg==",
+      "dev": true,
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-self": {
+      "version": "7.24.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.24.5.tgz",
+      "integrity": "sha512-RtCJoUO2oYrYwFPtR1/jkoBEcFuI1ae9a9IMxeyAVa3a1Ap4AnxmyIKG2b2FaJKqkidw/0cxRbWN+HOs6ZWd1w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-source": {
+      "version": "7.24.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.24.1.tgz",
+      "integrity": "sha512-1v202n7aUq4uXAieRTKcwPzNyphlCuqHHDcdSNc+vdhoTEZcFMh+L5yZuCmGaIO7bs1nJUNfHB89TZyoL48xNA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.24.0",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.0.tgz",
+      "integrity": "sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.23.5",
+        "@babel/parser": "^7.24.0",
+        "@babel/types": "^7.24.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.24.5",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.5.tgz",
+      "integrity": "sha512-7aaBLeDQ4zYcUFDUD41lJc1fG8+5IU9DaNSJAgal866FGvmD5EbWQgnEC6kO1gGLsX0esNkfnJSndbTXA3r7UA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.24.2",
+        "@babel/generator": "^7.24.5",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-function-name": "^7.23.0",
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.24.5",
+        "@babel/parser": "^7.24.5",
+        "@babel/types": "^7.24.5",
+        "debug": "^4.3.1",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.24.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.5.tgz",
+      "integrity": "sha512-6mQNsaLeXTw0nxYUYu+NSa4Hx4BlF1x1x8/PMFbiR+GBSr+2DkECc69b8hgy2frEodNcvPffeH8YfWd3LI6jhQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.24.1",
+        "@babel/helper-validator-identifier": "^7.24.5",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz",
+      "integrity": "sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.20.2.tgz",
+      "integrity": "sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.20.2.tgz",
+      "integrity": "sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.20.2.tgz",
+      "integrity": "sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.20.2.tgz",
+      "integrity": "sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.20.2.tgz",
+      "integrity": "sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.2.tgz",
+      "integrity": "sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.20.2.tgz",
+      "integrity": "sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.20.2.tgz",
+      "integrity": "sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.20.2.tgz",
+      "integrity": "sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.20.2.tgz",
+      "integrity": "sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.20.2.tgz",
+      "integrity": "sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.20.2.tgz",
+      "integrity": "sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.20.2.tgz",
+      "integrity": "sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.20.2.tgz",
+      "integrity": "sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.20.2.tgz",
+      "integrity": "sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz",
+      "integrity": "sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.20.2.tgz",
+      "integrity": "sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.20.2.tgz",
+      "integrity": "sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.20.2.tgz",
+      "integrity": "sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.20.2.tgz",
+      "integrity": "sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.20.2.tgz",
+      "integrity": "sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.20.2.tgz",
+      "integrity": "sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.10.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
+      "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
+      "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.11.14",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
+      "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
+      "dev": true,
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^2.0.2",
+        "debug": "^4.3.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
+      "dev": true
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
+      "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/set-array": "^1.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+      "dev": true
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.25",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@reduxjs/toolkit": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-2.2.3.tgz",
+      "integrity": "sha512-76dll9EnJXg4EVcI5YNxZA/9hSAmZsFqzMmNRHvIlzw2WS/twfcVX3ysYrWGJMClwEmChQFC4yRq74tn6fdzRA==",
+      "dependencies": {
+        "immer": "^10.0.3",
+        "redux": "^5.0.1",
+        "redux-thunk": "^3.1.0",
+        "reselect": "^5.0.1"
+      },
+      "peerDependencies": {
+        "react": "^16.9.0 || ^17.0.0 || ^18",
+        "react-redux": "^7.2.1 || ^8.1.3 || ^9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "react": {
+          "optional": true
+        },
+        "react-redux": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@remix-run/router": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.16.0.tgz",
+      "integrity": "sha512-Quz1KOffeEf/zwkCBM3kBtH4ZoZ+pT3xIXBG4PPW/XFtDP7EGhtTiC2+gpL9GnR7+Qdet5Oa6cYSvwKYg6kN9Q==",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.17.2.tgz",
+      "integrity": "sha512-NM0jFxY8bB8QLkoKxIQeObCaDlJKewVlIEkuyYKm5An1tdVZ966w2+MPQ2l8LBZLjR+SgyV+nRkTIunzOYBMLQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.17.2.tgz",
+      "integrity": "sha512-yeX/Usk7daNIVwkq2uGoq2BYJKZY1JfyLTaHO/jaiSwi/lsf8fTFoQW/n6IdAsx5tx+iotu2zCJwz8MxI6D/Bw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.17.2.tgz",
+      "integrity": "sha512-kcMLpE6uCwls023+kknm71ug7MZOrtXo+y5p/tsg6jltpDtgQY1Eq5sGfHcQfb+lfuKwhBmEURDga9N0ol4YPw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.17.2.tgz",
+      "integrity": "sha512-AtKwD0VEx0zWkL0ZjixEkp5tbNLzX+FCqGG1SvOu993HnSz4qDI6S4kGzubrEJAljpVkhRSlg5bzpV//E6ysTQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.17.2.tgz",
+      "integrity": "sha512-3reX2fUHqN7sffBNqmEyMQVj/CKhIHZd4y631duy0hZqI8Qoqf6lTtmAKvJFYa6bhU95B1D0WgzHkmTg33In0A==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.17.2.tgz",
+      "integrity": "sha512-uSqpsp91mheRgw96xtyAGP9FW5ChctTFEoXP0r5FAzj/3ZRv3Uxjtc7taRQSaQM/q85KEKjKsZuiZM3GyUivRg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.17.2.tgz",
+      "integrity": "sha512-EMMPHkiCRtE8Wdk3Qhtciq6BndLtstqZIroHiiGzB3C5LDJmIZcSzVtLRbwuXuUft1Cnv+9fxuDtDxz3k3EW2A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.17.2.tgz",
+      "integrity": "sha512-NMPylUUZ1i0z/xJUIx6VUhISZDRT+uTWpBcjdv0/zkp7b/bQDF+NfnfdzuTiB1G6HTodgoFa93hp0O1xl+/UbA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.17.2.tgz",
+      "integrity": "sha512-T19My13y8uYXPw/L/k0JYaX1fJKFT/PWdXiHr8mTbXWxjVF1t+8Xl31DgBBvEKclw+1b00Chg0hxE2O7bTG7GQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.17.2.tgz",
+      "integrity": "sha512-BOaNfthf3X3fOWAB+IJ9kxTgPmMqPPH5f5k2DcCsRrBIbWnaJCgX2ll77dV1TdSy9SaXTR5iDXRL8n7AnoP5cg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.17.2.tgz",
+      "integrity": "sha512-W0UP/x7bnn3xN2eYMql2T/+wpASLE5SjObXILTMPUBDB/Fg/FxC+gX4nvCfPBCbNhz51C+HcqQp2qQ4u25ok6g==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.17.2.tgz",
+      "integrity": "sha512-Hy7pLwByUOuyaFC6mAr7m+oMC+V7qyifzs/nW2OJfC8H4hbCzOX07Ov0VFk/zP3kBsELWNFi7rJtgbKYsav9QQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.17.2.tgz",
+      "integrity": "sha512-h1+yTWeYbRdAyJ/jMiVw0l6fOOm/0D1vNLui9iPuqgRGnXA0u21gAqOyB5iHjlM9MMfNOm9RHCQ7zLIzT0x11Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.17.2.tgz",
+      "integrity": "sha512-tmdtXMfKAjy5+IQsVtDiCfqbynAQE/TQRpWdVataHmhMb9DCoJxp9vLcCBjEQWMiUYxO1QprH/HbY9ragCEFLA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.17.2.tgz",
+      "integrity": "sha512-7II/QCSTAHuE5vdZaQEwJq2ZACkBpQDOmQsE6D6XUbnBHW8IAhm4eTufL6msLJorzrHDFv3CF8oCA/hSIRuZeQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.17.2.tgz",
+      "integrity": "sha512-TGGO7v7qOq4CYmSBVEYpI1Y5xDuCEnbVC5Vth8mOsW0gDSzxNrVERPc790IGHsrT2dQSimgMr9Ub3Y1Jci5/8w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "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,
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "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,
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.5.tgz",
+      "integrity": "sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.20.7"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
+      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+      "dev": true
+    },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.12",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.12.tgz",
+      "integrity": "sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==",
+      "devOptional": true
+    },
+    "node_modules/@types/react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-V0kuGBX3+prX+DQ/7r2qsv1NsdfnCLnTgnRJ1pYnxykBhGMz+qj+box5lq7XsO5mtZsBqpjwwTu/7wszPfMBcw==",
+      "devOptional": true,
+      "dependencies": {
+        "@types/prop-types": "*",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "18.3.0",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.0.tgz",
+      "integrity": "sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==",
+      "dev": true,
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/use-sync-external-store": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.3.tgz",
+      "integrity": "sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA=="
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
+      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
+      "dev": true
+    },
+    "node_modules/@vitejs/plugin-react": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.2.1.tgz",
+      "integrity": "sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.23.5",
+        "@babel/plugin-transform-react-jsx-self": "^7.23.3",
+        "@babel/plugin-transform-react-jsx-source": "^7.23.3",
+        "@types/babel__core": "^7.20.5",
+        "react-refresh": "^0.14.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.2.0 || ^5.0.0"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.11.3",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
+      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "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,
+      "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/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz",
+      "integrity": "sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.5",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz",
+      "integrity": "sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "is-string": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
+      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
+      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.toreversed": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.toreversed/-/array.prototype.toreversed-1.1.2.tgz",
+      "integrity": "sha512-wwDCoT4Ck4Cz7sLtgUmzR5UV3YF5mFHUlbChCzZBQZ+0m2cl/DH3tKgvphv1nKgFsJ48oCSg6p91q2Vm0I/ZMA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.3.tgz",
+      "integrity": "sha512-/DdH4TiTmOKzyQbp/eadcCVexiCb36xJg7HshYOYJnNZFDj33GEv0P7GxsynpShhq4OLYJzbGcBDkLsDt7MnNg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.5",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.22.3",
+        "es-errors": "^1.1.0",
+        "es-shim-unscopables": "^1.0.2"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz",
+      "integrity": "sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.5",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.22.3",
+        "es-errors": "^1.2.1",
+        "get-intrinsic": "^1.2.3",
+        "is-array-buffer": "^3.0.4",
+        "is-shared-array-buffer": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.23.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz",
+      "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001587",
+        "electron-to-chromium": "^1.4.668",
+        "node-releases": "^2.0.14",
+        "update-browserslist-db": "^1.0.13"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
+      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
+      "dev": true,
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001615",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001615.tgz",
+      "integrity": "sha512-1IpazM5G3r38meiae0bHRnPhz+CBQ3ZLqbQMtrg+AsTPKAXgW38JNsXkyZ+v8waCsDmPq87lmfun5Q2AGysNEQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ]
+    },
+    "node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+      "dev": true
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "devOptional": true
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
+      "integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.6",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz",
+      "integrity": "sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz",
+      "integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.6",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.4.756",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.756.tgz",
+      "integrity": "sha512-RJKZ9+vEBMeiPAvKNWyZjuYyUqMndcP1f335oHqn3BEQbs2NFtVrnK5+6Xg5wSM9TknNNpWghGDUCKGYF+xWXw==",
+      "dev": true
+    },
+    "node_modules/es-abstract": {
+      "version": "1.23.3",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.3.tgz",
+      "integrity": "sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "arraybuffer.prototype.slice": "^1.0.3",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.7",
+        "data-view-buffer": "^1.0.1",
+        "data-view-byte-length": "^1.0.1",
+        "data-view-byte-offset": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-set-tostringtag": "^2.0.3",
+        "es-to-primitive": "^1.2.1",
+        "function.prototype.name": "^1.1.6",
+        "get-intrinsic": "^1.2.4",
+        "get-symbol-description": "^1.0.2",
+        "globalthis": "^1.0.3",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.0.3",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.0.7",
+        "is-array-buffer": "^3.0.4",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.1",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.3",
+        "is-string": "^1.0.7",
+        "is-typed-array": "^1.1.13",
+        "is-weakref": "^1.0.2",
+        "object-inspect": "^1.13.1",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.5",
+        "regexp.prototype.flags": "^1.5.2",
+        "safe-array-concat": "^1.1.2",
+        "safe-regex-test": "^1.0.3",
+        "string.prototype.trim": "^1.2.9",
+        "string.prototype.trimend": "^1.0.8",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.2",
+        "typed-array-byte-length": "^1.0.1",
+        "typed-array-byte-offset": "^1.0.2",
+        "typed-array-length": "^1.0.6",
+        "unbox-primitive": "^1.0.2",
+        "which-typed-array": "^1.1.15"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
+      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.0.19",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.19.tgz",
+      "integrity": "sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-set-tostringtag": "^2.0.3",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "globalthis": "^1.0.3",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.0.3",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.7",
+        "iterator.prototype": "^1.1.2",
+        "safe-array-concat": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
+      "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz",
+      "integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.4",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
+      "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
+      "dev": true,
+      "dependencies": {
+        "hasown": "^2.0.0"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.20.2.tgz",
+      "integrity": "sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.20.2",
+        "@esbuild/android-arm": "0.20.2",
+        "@esbuild/android-arm64": "0.20.2",
+        "@esbuild/android-x64": "0.20.2",
+        "@esbuild/darwin-arm64": "0.20.2",
+        "@esbuild/darwin-x64": "0.20.2",
+        "@esbuild/freebsd-arm64": "0.20.2",
+        "@esbuild/freebsd-x64": "0.20.2",
+        "@esbuild/linux-arm": "0.20.2",
+        "@esbuild/linux-arm64": "0.20.2",
+        "@esbuild/linux-ia32": "0.20.2",
+        "@esbuild/linux-loong64": "0.20.2",
+        "@esbuild/linux-mips64el": "0.20.2",
+        "@esbuild/linux-ppc64": "0.20.2",
+        "@esbuild/linux-riscv64": "0.20.2",
+        "@esbuild/linux-s390x": "0.20.2",
+        "@esbuild/linux-x64": "0.20.2",
+        "@esbuild/netbsd-x64": "0.20.2",
+        "@esbuild/openbsd-x64": "0.20.2",
+        "@esbuild/sunos-x64": "0.20.2",
+        "@esbuild/win32-arm64": "0.20.2",
+        "@esbuild/win32-ia32": "0.20.2",
+        "@esbuild/win32-x64": "0.20.2"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
+      "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
+      "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.57.0",
+        "@humanwhocodes/config-array": "^0.11.14",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.34.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.34.1.tgz",
+      "integrity": "sha512-N97CxlouPT1AHt8Jn0mhhN2RrADlUAsk1/atcT2KyA/l9Q/E6ll7OIGwNumFmWfZ9skV3XXccYS19h80rHtgkw==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.7",
+        "array.prototype.findlast": "^1.2.4",
+        "array.prototype.flatmap": "^1.3.2",
+        "array.prototype.toreversed": "^1.1.2",
+        "array.prototype.tosorted": "^1.1.3",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.0.17",
+        "estraverse": "^5.3.0",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.7",
+        "object.fromentries": "^2.0.7",
+        "object.hasown": "^1.1.3",
+        "object.values": "^1.1.7",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.10"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz",
+      "integrity": "sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
+      }
+    },
+    "node_modules/eslint-plugin-react-refresh": {
+      "version": "0.4.6",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.6.tgz",
+      "integrity": "sha512-NjGXdm7zgcKRkKMua34qVO9doI7VOxZ6ancSvBELJSSoX97jyndXcSoa8XBh69JoB31dNz3EEzlMcizZl7LaMA==",
+      "dev": true,
+      "peerDependencies": {
+        "eslint": ">=7"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/eslint/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/eslint/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
+    "node_modules/eslint/node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
+      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true
+    },
+    "node_modules/fastq": {
+      "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
+      "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
+      "dev": true,
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
+      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
+      "dev": true,
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.3",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz",
+      "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==",
+      "dev": true
+    },
+    "node_modules/for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
+      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "functions-have-names": "^1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
+      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz",
+      "integrity": "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true
+    },
+    "node_modules/has-bigints": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
+      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
+      "integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/immer": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-10.1.1.tgz",
+      "integrity": "sha512-s2MPrmjovJcoMaHtx6K11Ra7oD05NT97w1IC5zpMkT6Atjr7H8LjaDd81iIxUYpMKSRRNMJE703M1Fhr/TctHw==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/immer"
+      }
+    },
+    "node_modules/immutable": {
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.5.tgz",
+      "integrity": "sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw=="
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
+    },
+    "node_modules/internal-slot": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz",
+      "integrity": "sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.0",
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz",
+      "integrity": "sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-async-function": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
+      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+      "dev": true,
+      "dependencies": {
+        "has-bigints": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
+      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
+      "dev": true,
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.1.tgz",
+      "integrity": "sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==",
+      "dev": true,
+      "dependencies": {
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
+      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "dev": true,
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz",
+      "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==",
+      "dev": true,
+      "dependencies": {
+        "which-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.3.tgz",
+      "integrity": "sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
+      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "get-intrinsic": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "reflect.getprototypeof": "^1.0.4",
+        "set-function-name": "^2.0.1"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+      "dev": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true
+    },
+    "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
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
+      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
+      "dev": true
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
+      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
+      "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.5",
+        "define-properties": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.8.tgz",
+      "integrity": "sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.hasown": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.4.tgz",
+      "integrity": "sha512-FZ9LZt9/RHzGySlBARE3VF+gE26TxR38SdmqOqliuTnl9wrKulaQs+4dee1V+Io8VfxqzAfHu6YuRgUy8OHoTg==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.0.tgz",
+      "integrity": "sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+      "dev": true
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
+      "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.38",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz",
+      "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dev": true,
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.2"
+      },
+      "peerDependencies": {
+        "react": "^18.3.1"
+      }
+    },
+    "node_modules/react-icons": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.2.0.tgz",
+      "integrity": "sha512-n52Y7Eb4MgQZHsSZOhSXv1zs2668/hBYKfSRIvKh42yExjyhZu0d1IK2CLLZ3BZB1oo13lDfwx2vOh2z9FTV6Q==",
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "dev": true
+    },
+    "node_modules/react-redux": {
+      "version": "9.1.2",
+      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.1.2.tgz",
+      "integrity": "sha512-0OA4dhM1W48l3uzmv6B7TXPCGmokUU4p1M44DGN2/D9a1FjVPukVjER1PcPX97jIg6aUeLq1XJo1IpfbgULn0w==",
+      "dependencies": {
+        "@types/use-sync-external-store": "^0.0.3",
+        "use-sync-external-store": "^1.0.0"
+      },
+      "peerDependencies": {
+        "@types/react": "^18.2.25",
+        "react": "^18.0",
+        "redux": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "redux": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-refresh": {
+      "version": "0.14.2",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz",
+      "integrity": "sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-router": {
+      "version": "6.23.0",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.23.0.tgz",
+      "integrity": "sha512-wPMZ8S2TuPadH0sF5irFGjkNLIcRvOSaEe7v+JER8508dyJumm6XZB1u5kztlX0RVq6AzRVndzqcUh6sFIauzA==",
+      "dependencies": {
+        "@remix-run/router": "1.16.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8"
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "6.23.0",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.23.0.tgz",
+      "integrity": "sha512-Q9YaSYvubwgbal2c9DJKfx6hTNoBp3iJDsl+Duva/DwxoJH+OTXkxGpql4iUK2sla/8z4RpjAm6EWx1qUDuopQ==",
+      "dependencies": {
+        "@remix-run/router": "1.16.0",
+        "react-router": "6.23.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/redux": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz",
+      "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w=="
+    },
+    "node_modules/redux-thunk": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-3.1.0.tgz",
+      "integrity": "sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==",
+      "peerDependencies": {
+        "redux": "^5.0.0"
+      }
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz",
+      "integrity": "sha512-fmfw4XgoDke3kdI6h4xcUz1dG8uaiv5q9gcEwLS4Pnth2kxT+GZ7YehS1JTMGBQmtV7Y4GFGbs2re2NqhdozUg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.1",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4",
+        "globalthis": "^1.0.3",
+        "which-builtin-type": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz",
+      "integrity": "sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.6",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "set-function-name": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/reselect": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.0.tgz",
+      "integrity": "sha512-aw7jcGLDpSgNDyWBQLv2cedml85qd95/iszJjN988zX1t7AVRJi19d9kto5+W7oCfQ94gyo40dVbT6g2k4/kXg=="
+    },
+    "node_modules/resolve": {
+      "version": "2.0.0-next.5",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "dev": true,
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.17.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.17.2.tgz",
+      "integrity": "sha512-/9ClTJPByC0U4zNLowV1tMBe8yMEAxewtR3cUNX5BoEpGH3dQEWpJLr6CLp0fPdYRF/fzVOgvDb1zXuakwF5kQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "1.0.5"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.17.2",
+        "@rollup/rollup-android-arm64": "4.17.2",
+        "@rollup/rollup-darwin-arm64": "4.17.2",
+        "@rollup/rollup-darwin-x64": "4.17.2",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.17.2",
+        "@rollup/rollup-linux-arm-musleabihf": "4.17.2",
+        "@rollup/rollup-linux-arm64-gnu": "4.17.2",
+        "@rollup/rollup-linux-arm64-musl": "4.17.2",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.17.2",
+        "@rollup/rollup-linux-riscv64-gnu": "4.17.2",
+        "@rollup/rollup-linux-s390x-gnu": "4.17.2",
+        "@rollup/rollup-linux-x64-gnu": "4.17.2",
+        "@rollup/rollup-linux-x64-musl": "4.17.2",
+        "@rollup/rollup-win32-arm64-msvc": "4.17.2",
+        "@rollup/rollup-win32-ia32-msvc": "4.17.2",
+        "@rollup/rollup-win32-x64-msvc": "4.17.2",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz",
+      "integrity": "sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "get-intrinsic": "^1.2.4",
+        "has-symbols": "^1.0.3",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz",
+      "integrity": "sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.6",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.1.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/sass": {
+      "version": "1.76.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.76.0.tgz",
+      "integrity": "sha512-nc3LeqvF2FNW5xGF1zxZifdW3ffIz5aBb7I7tSvOoNu7z1RQ6pFt9MBuiPtjgaI62YWrM/txjWlOCFiGtf2xpw==",
+      "dependencies": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "dev": true,
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
+      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4",
+        "object-inspect": "^1.13.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.11",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.11.tgz",
+      "integrity": "sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.7",
+        "regexp.prototype.flags": "^1.5.2",
+        "set-function-name": "^2.0.2",
+        "side-channel": "^1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz",
+      "integrity": "sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz",
+      "integrity": "sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true
+    },
+    "node_modules/to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz",
+      "integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-proto": "^1.0.3",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz",
+      "integrity": "sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-proto": "^1.0.3",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.6.tgz",
+      "integrity": "sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-proto": "^1.0.3",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.0.3",
+        "which-boxed-primitive": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.15.tgz",
+      "integrity": "sha512-K9HWH62x3/EalU1U6sjSZiylm9C8tgq2mSvshZpqc7QE69RaA2qjhkW2HlNA0tFpEbtyFz7HTqbSdN4MSwUodA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "escalade": "^3.1.2",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/use-sync-external-store": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.2.tgz",
+      "integrity": "sha512-PElTlVMwpblvbNqQ82d2n6RjStvdSoNe9FG28kNfz3WiXilJm4DdNkEzRhCZuIDwY8U08WVihhGR5iRqAwfDiw==",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/vite": {
+      "version": "5.2.11",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.11.tgz",
+      "integrity": "sha512-HndV31LWW05i1BLPMUCE1B9E9GFbOu1MbenhS58FuK6owSO5qHm7GiCotrNY1YE5rMeQSFBGmT5ZaLEjFizgiQ==",
+      "dev": true,
+      "dependencies": {
+        "esbuild": "^0.20.1",
+        "postcss": "^8.4.38",
+        "rollup": "^4.13.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "dev": true,
+      "dependencies": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
+      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
+      "dev": true,
+      "dependencies": {
+        "function.prototype.name": "^1.1.5",
+        "has-tostringtag": "^1.0.0",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.0.5",
+        "is-finalizationregistry": "^1.0.2",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.1.4",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "dev": true,
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz",
+      "integrity": "sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==",
+      "dev": true,
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    }
+  }
+}
diff --git a/Full Frontend Code repo/package.json b/Full Frontend Code repo/package.json
new file mode 100644
index 0000000000000000000000000000000000000000..97f2b091da99366a2862646f2aa6504e5a601cf6
--- /dev/null
+++ b/Full Frontend Code repo/package.json	
@@ -0,0 +1,31 @@
+{
+  "name": "e-commerce-project-compelete-shopify-",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@reduxjs/toolkit": "^2.2.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-icons": "^5.2.0",
+    "react-redux": "^9.1.2",
+    "react-router-dom": "^6.23.0",
+    "sass": "^1.76.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.66",
+    "@types/react-dom": "^18.2.22",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.6",
+    "vite": "^5.2.0"
+  }
+}
diff --git a/Full Frontend Code repo/public/c1.jpg b/Full Frontend Code repo/public/c1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..bc2a8259823291b5683ee3621921b8718745d6b8
Binary files /dev/null and b/Full Frontend Code repo/public/c1.jpg differ
diff --git a/Full Frontend Code repo/public/c10.jpg b/Full Frontend Code repo/public/c10.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..7b85c99970b70271b438a78cad75e2f73997818c
Binary files /dev/null and b/Full Frontend Code repo/public/c10.jpg differ
diff --git a/Full Frontend Code repo/public/c11.jpg b/Full Frontend Code repo/public/c11.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..5734f94f947c5b3822bcfd4bf7c099836f5b194f
Binary files /dev/null and b/Full Frontend Code repo/public/c11.jpg differ
diff --git a/Full Frontend Code repo/public/c12.jpg b/Full Frontend Code repo/public/c12.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..7c12b49081855aa071cb7de06c3e95b13349b680
Binary files /dev/null and b/Full Frontend Code repo/public/c12.jpg differ
diff --git a/Full Frontend Code repo/public/c13.jpg b/Full Frontend Code repo/public/c13.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..8fa7fe6509373631ce7bed52636d2de52bf4dbbe
Binary files /dev/null and b/Full Frontend Code repo/public/c13.jpg differ
diff --git a/Full Frontend Code repo/public/c14.jpg b/Full Frontend Code repo/public/c14.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..c9c35d5ebd99da303bf1ac5e1e8eacd2b9b6ce27
Binary files /dev/null and b/Full Frontend Code repo/public/c14.jpg differ
diff --git a/Full Frontend Code repo/public/c15.jpg b/Full Frontend Code repo/public/c15.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d86cbbdb454e28beb91a27fb2990ee6fea8d98af
Binary files /dev/null and b/Full Frontend Code repo/public/c15.jpg differ
diff --git a/Full Frontend Code repo/public/c16.jpg b/Full Frontend Code repo/public/c16.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..08d6be7a1d5865aafee1296060389de2a47449bf
Binary files /dev/null and b/Full Frontend Code repo/public/c16.jpg differ
diff --git a/Full Frontend Code repo/public/c17.jpg b/Full Frontend Code repo/public/c17.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..c15d71799c54966ecc26c91023a469df2089752b
Binary files /dev/null and b/Full Frontend Code repo/public/c17.jpg differ
diff --git a/Full Frontend Code repo/public/c18.jpg b/Full Frontend Code repo/public/c18.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..a8e9a05d5d05fdad7b9bf6cfa5b59a5a058e2850
Binary files /dev/null and b/Full Frontend Code repo/public/c18.jpg differ
diff --git a/Full Frontend Code repo/public/c19.jpg b/Full Frontend Code repo/public/c19.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..882790c01f9a76769913258165958a547a573774
Binary files /dev/null and b/Full Frontend Code repo/public/c19.jpg differ
diff --git a/Full Frontend Code repo/public/c2.jpg b/Full Frontend Code repo/public/c2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..ff88e456b77fae8c48453cad67fa8188a557f175
Binary files /dev/null and b/Full Frontend Code repo/public/c2.jpg differ
diff --git a/Full Frontend Code repo/public/c20.jpg b/Full Frontend Code repo/public/c20.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b77dbb4c9dc7d10bad51ffcbc2832173c430b175
Binary files /dev/null and b/Full Frontend Code repo/public/c20.jpg differ
diff --git a/Full Frontend Code repo/public/c3.jpg b/Full Frontend Code repo/public/c3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d72fc98daafb148a7ebf6634af63d6ebacf9a1db
Binary files /dev/null and b/Full Frontend Code repo/public/c3.jpg differ
diff --git a/Full Frontend Code repo/public/c4.jpg b/Full Frontend Code repo/public/c4.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..4cc3c4eef25d3872a3d099e26db28c8dd065be33
Binary files /dev/null and b/Full Frontend Code repo/public/c4.jpg differ
diff --git a/Full Frontend Code repo/public/c5.jpg b/Full Frontend Code repo/public/c5.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..ba0e005b6526490ef2dd09679c07ef1f236c2cef
Binary files /dev/null and b/Full Frontend Code repo/public/c5.jpg differ
diff --git a/Full Frontend Code repo/public/c6.jpg b/Full Frontend Code repo/public/c6.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..f2fe12cabeebca594f867f0b6416350555eff683
Binary files /dev/null and b/Full Frontend Code repo/public/c6.jpg differ
diff --git a/Full Frontend Code repo/public/c7.jpg b/Full Frontend Code repo/public/c7.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..db33dacb4ab6243f31224a9de879dcf1b43a6479
Binary files /dev/null and b/Full Frontend Code repo/public/c7.jpg differ
diff --git a/Full Frontend Code repo/public/c8.jpg b/Full Frontend Code repo/public/c8.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..8a685969df6f56fe6289d964999aecd56675e3a0
Binary files /dev/null and b/Full Frontend Code repo/public/c8.jpg differ
diff --git a/Full Frontend Code repo/public/c9.jpg b/Full Frontend Code repo/public/c9.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..bd294da2354669b3207670679bdea863bc2a66a5
Binary files /dev/null and b/Full Frontend Code repo/public/c9.jpg differ
diff --git a/Full Frontend Code repo/public/hi.gif b/Full Frontend Code repo/public/hi.gif
new file mode 100644
index 0000000000000000000000000000000000000000..e2698c34d12616eab547f0c4e4b90d8709c34d89
Binary files /dev/null and b/Full Frontend Code repo/public/hi.gif differ
diff --git a/Full Frontend Code repo/public/logo.png b/Full Frontend Code repo/public/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..6accea6093164275f6c577d70e45436e4ff0901e
Binary files /dev/null and b/Full Frontend Code repo/public/logo.png differ
diff --git a/Full Frontend Code repo/public/noimg.png b/Full Frontend Code repo/public/noimg.png
new file mode 100644
index 0000000000000000000000000000000000000000..b627c09d415fac974a65e116258f9f27695ae808
Binary files /dev/null and b/Full Frontend Code repo/public/noimg.png differ
diff --git a/Full Frontend Code repo/public/paypal.png b/Full Frontend Code repo/public/paypal.png
new file mode 100644
index 0000000000000000000000000000000000000000..6391a224d39dc73d87d6b39e9065aedd5748b594
Binary files /dev/null and b/Full Frontend Code repo/public/paypal.png differ
diff --git a/Full Frontend Code repo/public/warning.gif b/Full Frontend Code repo/public/warning.gif
new file mode 100644
index 0000000000000000000000000000000000000000..75654f408d60c60e34ef6f553289165437d77c84
Binary files /dev/null and b/Full Frontend Code repo/public/warning.gif differ
diff --git a/Full Frontend Code repo/src/State/Reducers.js b/Full Frontend Code repo/src/State/Reducers.js
new file mode 100644
index 0000000000000000000000000000000000000000..07861b7298cc480d21b62f8c272d2342dfd1e602
--- /dev/null
+++ b/Full Frontend Code repo/src/State/Reducers.js	
@@ -0,0 +1,50 @@
+import { createSlice, nanoid } from "@reduxjs/toolkit";
+
+const initialState = {
+  myCart: [],
+};
+
+const cartReducer = createSlice({
+  name: "cart",
+  initialState,
+  reducers: {
+    addCart: (state, action) => {
+      const item = {
+        id: nanoid(),
+        img: action.payload.img,
+        name: action.payload.name,
+        price: action.payload.price,
+        count: 1,
+      };
+      state.myCart.push(item);
+    },
+    deleteCart: (state, action) => {
+      state.myCart = state.myCart.filter(
+        (item) => item.id !== action.payload.id
+      );
+    },
+    increseCount: (state, action) => {
+      state.myCart = state.myCart.map((item) => {
+        if (action.payload.id === item.id) {
+          return { ...item, count: item.count + 1 };
+        }
+        return item;
+      });
+    },
+    decreaseCount: (state, action) => {
+      state.myCart = state.myCart.map((item) => {
+        if (action.payload.id === item.id) {
+          return { ...item, count: item.count - 1 };
+        }
+        return item;
+      });
+    },
+    cancelCart: (state) => {
+      state.myCart = [];
+    },
+  },
+});
+
+export const { addCart, deleteCart, increseCount, decreaseCount, cancelCart } =
+  cartReducer.actions;
+export default cartReducer.reducer;
diff --git a/Full Frontend Code repo/src/State/Store.js b/Full Frontend Code repo/src/State/Store.js
new file mode 100644
index 0000000000000000000000000000000000000000..5754e120d3d63f8685de5470789c92e0de72c1d6
--- /dev/null
+++ b/Full Frontend Code repo/src/State/Store.js	
@@ -0,0 +1,8 @@
+import { configureStore } from "@reduxjs/toolkit";
+import cartReducer from "./Reducers";
+
+const store = configureStore({
+  reducer: cartReducer,
+});
+
+export default store;
diff --git a/Full Frontend Code repo/src/components/About/About.jsx b/Full Frontend Code repo/src/components/About/About.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..a32418e06cb0ce963523ce01b20cc11a4a8f4ec7
--- /dev/null
+++ b/Full Frontend Code repo/src/components/About/About.jsx	
@@ -0,0 +1,33 @@
+import Navbar from "../NavBar/NavBar";
+import Footer from "../Footer/Footer";
+import "../../styles/about.scss";
+import { website_name } from "../../constants";
+
+function About() {
+  return (
+    <div>
+      <Navbar />
+      <div className="about-page">
+        <h2>
+          About <span>Us</span>.
+        </h2>
+        <p>
+          Welcome to <span>{website_name}</span>, your one-stop destination for
+          all your shopping needs. We are committed to providing you with the
+          best products and an exceptional shopping experience.
+        </p>
+        <h3>
+          Our <span>Mission</span>.
+        </h3>
+        <p>
+          At <span>{website_name}</span>, our mission is to make online shopping
+          convenient, enjoyable, and hassle-free for our customers. We strive to
+          offer a wide range of high-quality products at competitive prices.
+        </p>
+      </div>
+      <Footer />
+    </div>
+  );
+}
+
+export default About;
diff --git a/Full Frontend Code repo/src/components/Cart/Cart.jsx b/Full Frontend Code repo/src/components/Cart/Cart.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..31cc515b0c2afe30bd02a702b939fdfba1027598
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/Cart.jsx	
@@ -0,0 +1,123 @@
+import { useState, useEffect } from "react";
+import ShoppingTabLinks from "./ShoppingTabLinks/ShoppingTabLinks";
+import ShoppingCart from "./ShoppingCart/ShoppingCart";
+import ShippingDetails from "./ShippingDetails/ShippingDetails";
+import PaymentOptions from "./PaymentOptions/PaymentOptions";
+import { useLoaderData } from "react-router-dom";
+import Navbar from "../NavBar/NavBar";
+import Footer from "../Footer/Footer";
+import "../../styles/cart.css";
+import { useSelector } from "react-redux";
+
+export default function Cart() {
+  const product = useSelector((state) => state.myCart);
+  const tax = 20;
+  const [activeIndex, setActiveIndex] = useState(0);
+  const [totalBill, setTotalBill] = useState(0);
+  const [shippingCost, setShippingCost] = useState(0);
+  const [products, setProducts] = useState(product);
+  const [paymentMode, setPaymentMode] = useState(1);
+  const [countries, setCountries] = useState([]);
+
+  const [firstName, setFirstName] = useState("");
+  const [lastName, setLastName] = useState("");
+  const [address, setaddress] = useState("");
+  const [address2, setaddress2] = useState("");
+  const [country, setCountry] = useState("Select your country");
+  const [city, setCity] = useState("");
+  const [zip, setZip] = useState("");
+  const [phone, setPhone] = useState("");
+
+  useEffect(() => {
+    const bill = products.reduce(
+      (acc, product) => acc + product.price * product.count,
+      0
+    );
+    setTotalBill(bill + tax);
+    const fetchData = async () => {
+      try {
+        const response = await fetch(
+          "https://gist.githubusercontent.com/kalinchernev/486393efcca01623b18d/raw/daa24c9fea66afb7d68f8d69f0c4b8eeb9406e83/countries"
+        );
+        const data = await response.text();
+        const countriesArray = data
+          .split("\n")
+          .filter((country) => country.trim() !== "");
+        setCountries(["Select your country", ...countriesArray]);
+      } catch (error) {
+        console.error("Error fetching data:", error);
+      }
+    };
+
+    fetchData();
+  }, []);
+
+  return (
+    <>
+      <Navbar />
+      <ShoppingTabLinks
+        links={["Shopping Cart", "Shipping Details", "Payment Options"]}
+        activeIndex={activeIndex}
+        onSetActiveIndex={setActiveIndex}
+      />
+      {activeIndex == 0 && (
+        <ShoppingCart
+          products={products}
+          onSetProducts={setProducts}
+          tax={tax}
+          onSetActiveIndex={setActiveIndex}
+          onSetTotalBill={setTotalBill}
+          totalBill={totalBill}
+          shippingCost={shippingCost}
+        />
+      )}
+      {activeIndex == 1 && (
+        <ShippingDetails
+          onSetActiveIndex={setActiveIndex}
+          totalBill={totalBill}
+          tax={tax}
+          products={products}
+          shippingCost={shippingCost}
+          onSetTotalBill={setTotalBill}
+          onSetShippingCost={setShippingCost}
+          countries={countries}
+          setFirstName={setFirstName}
+          firstName={firstName}
+          lastName={lastName}
+          address={address}
+          address2={address2}
+          country={country}
+          zip={zip}
+          city={city}
+          phone={phone}
+          setLastName={setLastName}
+          setaddress={setaddress}
+          setaddress2={setaddress2}
+          setCountry={setCountry}
+          setZip={setZip}
+          setCity={setCity}
+          setPhone={setPhone}
+        />
+      )}
+      {activeIndex == 2 && (
+        <PaymentOptions
+          totalBill={totalBill}
+          tax={tax}
+          products={products}
+          shippingCost={shippingCost}
+          paymentMode={paymentMode}
+          onSetPaymentMode={setPaymentMode}
+          firstName={firstName}
+          lastName={lastName}
+          address={address}
+          address2={address2}
+          country={country}
+          zip={zip}
+          city={city}
+          phone={phone}
+        />
+      )}
+      <Footer />
+    </>
+  );
+}
diff --git a/Full Frontend Code repo/src/components/Cart/PaymentOptions/CashOnDeliveryModel.jsx b/Full Frontend Code repo/src/components/Cart/PaymentOptions/CashOnDeliveryModel.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..2c141407d328e7afe2e9bcfef566fe8730ab6418
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/PaymentOptions/CashOnDeliveryModel.jsx	
@@ -0,0 +1,19 @@
+function CODMode({ active, onSetPaymentMode }) {
+  return (
+    <div
+      className={`${active ? "activePaymentMode" : ""}`}
+      onClick={() => onSetPaymentMode(3)}
+    >
+      <div className="paymentmode paymentmodePayPal">
+        <div>
+          <input type="radio" checked={active} readOnly />
+          <div>
+            <p>Cash On Delivery</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default CODMode;
diff --git a/Full Frontend Code repo/src/components/Cart/PaymentOptions/CreditCardMode.jsx b/Full Frontend Code repo/src/components/Cart/PaymentOptions/CreditCardMode.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..febfcf702dc40d95b741cf846ef15439483b9e36
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/PaymentOptions/CreditCardMode.jsx	
@@ -0,0 +1,72 @@
+import { useState } from "react";
+
+import { CiCreditCard1 } from "react-icons/ci";
+import { IoInformationCircle } from "react-icons/io5";
+
+function CreditCardMode({ active, onSetPaymentMode }) {
+  const [expiryDate, setExpiryDate] = useState("");
+  const [cardNo, setCardNo] = useState("");
+  const [cvvNo, setCvvNo] = useState("");
+  const [cardHolderName, setCardHolderName] = useState("");
+
+  function handleExpiryChange(e) {
+    const input = e.target.value;
+    const cleanedInput = input.replace(/\D/g, "").slice(0, 4);
+    let formattedInput = cleanedInput;
+    if (cleanedInput.length > 2) {
+      formattedInput = cleanedInput.slice(0, 2) + "/" + cleanedInput.slice(2);
+    }
+
+    setExpiryDate(formattedInput);
+  }
+
+  return (
+    <div
+      className={`${active ? "activePaymentMode" : ""}`}
+      onClick={() => onSetPaymentMode(1)}
+    >
+      <div className="paymentmode">
+        <div>
+          <input type="radio" checked={active} readOnly />
+          <div>
+            <p>Credit Card</p>
+          </div>
+        </div>
+        <div className="creds">
+          <div className="cardNo">
+            <input
+              type="text"
+              placeholder="0000  0000  0000  0000"
+              value={cardNo}
+              onChange={(e) => setCardNo(e.target.value)}
+            />
+            <CiCreditCard1 className="card-icon" />
+          </div>
+          <input
+            type="text"
+            placeholder="MM/YY"
+            value={expiryDate}
+            onChange={handleExpiryChange}
+          />
+          <div className="cvvNo">
+            <input
+              type="password"
+              placeholder="CVV"
+              value={cvvNo}
+              onChange={(e) => setCvvNo(e.target.value)}
+            />
+            <IoInformationCircle className="info-icon" />
+          </div>
+        </div>
+        <input
+          type="text"
+          placeholder="Card Holder Name"
+          value={cardHolderName}
+          onChange={(e) => setCardHolderName(e.target.value)}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default CreditCardMode;
diff --git a/Full Frontend Code repo/src/components/Cart/PaymentOptions/PaymentForm.jsx b/Full Frontend Code repo/src/components/Cart/PaymentOptions/PaymentForm.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..667da6718d9365010c916ec314dadc3441f58cf3
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/PaymentOptions/PaymentForm.jsx	
@@ -0,0 +1,28 @@
+import CreditCardMode from "./CreditCardMode";
+import Paypal from "./PaypalMode";
+import CODMode from "./CashOnDeliveryModel";
+
+function PaymentForm({ paymentMode, onSetPaymentMode }) {
+  return (
+    <div className="paymentForm">
+      <p>Payment</p>
+      <hr />
+      <div className="paymentMethods">
+        {/* <CreditCardMode
+          active={paymentMode == 1 ? true : false}
+          onSetPaymentMode={onSetPaymentMode}
+        />
+        <Paypal
+          active={paymentMode == 2 ? true : false}
+          onSetPaymentMode={onSetPaymentMode}
+        /> */}
+        <CODMode
+          active={paymentMode == 3 ? true : false}
+          onSetPaymentMode={onSetPaymentMode}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default PaymentForm;
diff --git a/Full Frontend Code repo/src/components/Cart/PaymentOptions/PaymentOptions.jsx b/Full Frontend Code repo/src/components/Cart/PaymentOptions/PaymentOptions.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..b2703b50558f2b83d0a3f3653933244a8407f401
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/PaymentOptions/PaymentOptions.jsx	
@@ -0,0 +1,82 @@
+import { useState } from "react";
+
+import PaymentForm from "./PaymentForm";
+import ShippingSummary from "../ShippingDetails/ShippingSummary";
+
+import "./paymentOptions.css";
+import Notification from "../../Notification/Notification";
+import { useDispatch, useSelector } from "react-redux";
+import { deleteCart } from "../../../State/Reducers";
+import { useNavigate } from "react-router-dom";
+
+function PaymentOptions({
+  totalBill,
+  tax,
+  products,
+  shippingCost,
+  paymentMode,
+  onSetPaymentMode,
+  firstName,
+  lastName,
+  address,
+  address2,
+  country,
+  zip,
+  city,
+  phone,
+}) {
+  const [msg, setMsg] = useState("");
+  const dispatch = useDispatch();
+  const myCart = useSelector((state) => state.myCart);
+  const navigate = useNavigate();
+
+  function handlePaymentDone(e) {
+    e.preventDefault();
+    if (
+      !firstName ||
+      !lastName ||
+      !address ||
+      !country ||
+      !zip ||
+      !city ||
+      !phone
+    ) {
+      return setMsg("Please fill all the shipping details.");
+    }
+    if (myCart.length == 0) {
+      return setMsg("There is no product in the cart.");
+    }
+    setMsg("Order is placed successfully.");
+  }
+
+  function handleCancelOrder(e) {
+    e.preventDefault();
+    setMsg("Order is cancelled successfully.");
+    dispatch(deleteCart());
+    setTimeout(() => {
+      navigate("/");
+    }, 2000);
+  }
+
+  return (
+    <div className="shpPaymentMain">
+      <PaymentForm
+        paymentMode={paymentMode}
+        onSetPaymentMode={onSetPaymentMode}
+      />
+      <ShippingSummary
+        totalBill={totalBill}
+        tax={tax}
+        products={products}
+        shippingCost={shippingCost}
+      />
+      <div className="shpCartBtns">
+        <button onClick={handlePaymentDone}>Order Now</button>
+        <button onClick={handleCancelOrder}>Cancel Order</button>
+        {msg && <Notification msg={msg} setMsg={setMsg} />}
+      </div>
+    </div>
+  );
+}
+
+export default PaymentOptions;
diff --git a/Full Frontend Code repo/src/components/Cart/PaymentOptions/PaypalMode.jsx b/Full Frontend Code repo/src/components/Cart/PaymentOptions/PaypalMode.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..a2a3a2e83fb04008d8d2d177376901119f694f39
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/PaymentOptions/PaypalMode.jsx	
@@ -0,0 +1,20 @@
+function PaypalMode({ active, onSetPaymentMode }) {
+  return (
+    <div
+      className={`${active ? "activePaymentMode" : ""}`}
+      onClick={() => onSetPaymentMode(2)}
+    >
+      <div className="paymentmode paymentmodePayPal">
+        <div>
+          <input type="radio" checked={active} readOnly />
+          <div>
+            <p>Paypal</p>
+          </div>
+        </div>
+        <img src="/paypal.png" alt="Paypal Image" />
+      </div>
+    </div>
+  );
+}
+
+export default PaypalMode;
diff --git a/Full Frontend Code repo/src/components/Cart/PaymentOptions/paymentOptions.css b/Full Frontend Code repo/src/components/Cart/PaymentOptions/paymentOptions.css
new file mode 100644
index 0000000000000000000000000000000000000000..25dad3b253d390b865d70c018228f406df3105e3
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/PaymentOptions/paymentOptions.css	
@@ -0,0 +1,121 @@
+.shpPaymentMain {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  column-gap: 20px;
+  width: 80%;
+  margin: 0 auto;
+  padding: 20px;
+  background-color: var(--c1);
+  flex: 1;
+}
+
+/*  PAYMENT */
+.paymentForm {
+  width: 100%;
+}
+.paymentForm > p {
+  font-size: 24px;
+  opacity: 0.8;
+  margin-bottom: 10px;
+}
+
+.paymentMethods {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  margin: 20px 0;
+}
+
+/* PAYMENT MODES */
+.paymentmode {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 20px;
+  border: solid 1px var(--mainl);
+  border-radius: 2px;
+  cursor: pointer;
+  border-radius: 10px;
+}
+
+.paymentmode > div:first-child > div > p {
+  font-size: 14px;
+}
+.paymentmode > div:first-child > div > p:first-child {
+  font-size: 18px;
+  font-weight: bold;
+  color: var(--main);
+}
+.paymentmode > div:first-child {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.paymentmode > .creds {
+  display: grid;
+  grid-template-columns: 1fr auto auto;
+  gap: 20px;
+}
+
+.paymentmode input {
+  padding: 10px 15px;
+  border-radius: 2px;
+  outline: none;
+  border: solid 1px var(--mainl);
+  background-color: var(--c1);
+  color: var(--main);
+}
+
+input[type="radio"] {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  outline: none;
+  transition: border-color 0.3s ease-in-out;
+  background-color: var(--c1);
+  color: var(--c2);
+}
+
+.cardNo,
+.cvvNo {
+  position: relative;
+  width: 100%;
+}
+.cardNo > input,
+.cvvNo > input {
+  width: 100%;
+}
+
+.card-icon,
+.info-icon {
+  position: absolute;
+  top: 50%;
+  right: 10px;
+  transform: translate(0, -50%);
+}
+
+.paymentmodePayPal {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-direction: row;
+  gap: 10px;
+}
+
+.paymentmodePayPal > img {
+  width: 100px;
+}
+
+@media screen and (max-width: 700px) {
+  .shpPaymentMain {
+    grid-template-columns: 1fr;
+  }
+  .shpPaymentMain {
+    width: 95%;
+    gap: 30px;
+  }
+  .paymentmode > .creds {
+    grid-template-columns: 1fr;
+    gap: 10px;
+  }
+}
diff --git a/Full Frontend Code repo/src/components/Cart/ShippingDetails/RadioInputCard.jsx b/Full Frontend Code repo/src/components/Cart/ShippingDetails/RadioInputCard.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..f51adec9540347b85119ffcfa4ce8baf794174fd
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/ShippingDetails/RadioInputCard.jsx	
@@ -0,0 +1,16 @@
+function RadioInputCard({ content = "content", checked, onChange }) {
+  return (
+    <div
+      className={`radioInputCard ${checked ? "active" : ""}`}
+      onClick={onChange}
+    >
+      <input type="radio" checked={checked} readOnly />
+      <p>
+        <span>{content[0]}</span>
+        <span>{content[1]}</span>
+      </p>
+    </div>
+  );
+}
+
+export default RadioInputCard;
diff --git a/Full Frontend Code repo/src/components/Cart/ShippingDetails/ShippingDetailForm.jsx b/Full Frontend Code repo/src/components/Cart/ShippingDetails/ShippingDetailForm.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..bb039e20df2e207ee427e8e1742c85369219ef1a
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/ShippingDetails/ShippingDetailForm.jsx	
@@ -0,0 +1,120 @@
+import { useState } from "react";
+import RadioInputCard from "./RadioInputCard";
+
+function ShippingDetailForm({
+  onSetShippingCost,
+  shippingCost,
+  onSetTotalBill,
+  countries,
+  firstName,
+  setFirstName,
+  lastName,
+  setLastName,
+  city,
+  setCity,
+  zip,
+  setZip,
+  address,
+  setaddress,
+  address2,
+  setaddress2,
+  phone,
+  setPhone,
+  country,
+  setCountry,
+}) {
+  const [selectedOption, setSelectedOption] = useState(
+    shippingCost == 0 ? 0 : 1
+  );
+
+  const handleRadioChange = (index) => {
+    setSelectedOption(index);
+    if (index === 0 && shippingCost != 0) {
+      onSetTotalBill((bill) => bill - shippingCost);
+      onSetShippingCost(0);
+    }
+    if (index === 1) {
+      onSetShippingCost(20);
+      onSetTotalBill((bill) => bill + 20);
+    }
+  };
+
+  return (
+    <div className="shippingDetailForm">
+      <p>Shipping Details</p>
+      <hr />
+      <form>
+        <div className="collectiveInput">
+          <input
+            type="text"
+            placeholder="First Name"
+            value={firstName}
+            onChange={(e) => setFirstName(e.target.value)}
+          />
+          <input
+            type="text"
+            placeholder="Last Name"
+            value={lastName}
+            onChange={(e) => setLastName(e.target.value)}
+          />
+        </div>
+        <input
+          type="text"
+          placeholder="Address"
+          value={address}
+          onChange={(e) => setaddress(e.target.value)}
+        />
+        <input
+          type="text"
+          placeholder="Address2"
+          value={address2}
+          onChange={(e) => setaddress2(e.target.value)}
+        />
+        <div className="collectiveInput">
+          <select value={country} onChange={(e) => setCountry(e.target.value)}>
+            {countries.map((country, i) => (
+              <option key={i} value={country}>
+                {country}
+              </option>
+            ))}
+          </select>
+          <input
+            type="text"
+            placeholder="City"
+            value={city}
+            onChange={(e) => setCity(e.target.value)}
+          />
+        </div>
+        <div className="collectiveInput">
+          <input
+            type="text"
+            placeholder="Zip/Postal Code"
+            value={zip}
+            onChange={(e) => setZip(e.target.value)}
+          />
+          <input
+            type="text"
+            placeholder="Phone Number"
+            value={phone}
+            onChange={(e) => setPhone(e.target.value)}
+          />
+        </div>
+      </form>
+      <hr />
+      <div className="radioBtns">
+        <RadioInputCard
+          content={["Free Shipping", "Between 2-5 days"]}
+          checked={selectedOption === 0}
+          onChange={() => handleRadioChange(0)}
+        />
+        <RadioInputCard
+          content={["Next day delivery - $20", "24 hours from checkout"]}
+          checked={selectedOption === 1}
+          onChange={() => handleRadioChange(1)}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default ShippingDetailForm;
diff --git a/Full Frontend Code repo/src/components/Cart/ShippingDetails/ShippingDetails.jsx b/Full Frontend Code repo/src/components/Cart/ShippingDetails/ShippingDetails.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..a6bf203338a6be0903db97687bf493d6cd31be74
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/ShippingDetails/ShippingDetails.jsx	
@@ -0,0 +1,71 @@
+import ShippingDetailForm from "./ShippingDetailForm";
+import ShippingSummary from "./ShippingSummary";
+
+import "./shippingDetails.css";
+
+function ShippingDetails({
+  onSetActiveIndex,
+  totalBill,
+  tax,
+  products,
+  shippingCost,
+  onSetShippingCost,
+  onSetTotalBill,
+  countries,
+  firstName,
+  setFirstName,
+  lastName,
+  setLastName,
+  city,
+  setCity,
+  zip,
+  setZip,
+  address,
+  setaddress,
+  address2,
+  setaddress2,
+  phone,
+  setPhone,
+  country,
+  setCountry,
+}) {
+  return (
+    <div className="shpDetailMain">
+      <ShippingDetailForm
+        onSetShippingCost={onSetShippingCost}
+        shippingCost={shippingCost}
+        onSetTotalBill={onSetTotalBill}
+        countries={countries}
+        firstName={firstName}
+        setFirstName={setFirstName}
+        lastName={lastName}
+        setLastName={setLastName}
+        address={address}
+        setaddress={setaddress}
+        address2={address2}
+        setaddress2={setaddress2}
+        country={country}
+        setCountry={setCountry}
+        zip={zip}
+        setZip={setZip}
+        city={city}
+        setCity={setCity}
+        phone={phone}
+        setPhone={setPhone}
+      />
+      <ShippingSummary
+        totalBill={totalBill}
+        tax={tax}
+        products={products}
+        shippingCost={shippingCost}
+      />
+      <div className="shpCartBtns">
+        <button onClick={() => onSetActiveIndex((a) => (a == 2 ? 2 : a + 1))}>
+          Next
+        </button>
+      </div>
+    </div>
+  );
+}
+
+export default ShippingDetails;
diff --git a/Full Frontend Code repo/src/components/Cart/ShippingDetails/ShippingProduct.jsx b/Full Frontend Code repo/src/components/Cart/ShippingDetails/ShippingProduct.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..e804069f01c59cefad510a0b4e7defb243976af9
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/ShippingDetails/ShippingProduct.jsx	
@@ -0,0 +1,15 @@
+function ShippingProduct({ image, name, price, count }) {
+  return (
+    <div className="shippingProduct">
+      <img src={image} alt={{ name } + "image"} />
+      <div>
+        <p>{name}</p>
+        <p>
+          ${price} * {count}
+        </p>
+      </div>
+    </div>
+  );
+}
+
+export default ShippingProduct;
diff --git a/Full Frontend Code repo/src/components/Cart/ShippingDetails/ShippingSummary.jsx b/Full Frontend Code repo/src/components/Cart/ShippingDetails/ShippingSummary.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..9382a0377f16652ef30c78d0d73b94d6ace4bc55
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/ShippingDetails/ShippingSummary.jsx	
@@ -0,0 +1,30 @@
+import ShippingProduct from "./ShippingProduct";
+import ShoppingCartBillCard from "../ShoppingCart/ShoppingCartBillCard";
+
+function ShippingSummary({ totalBill, tax, products, shippingCost }) {
+  return (
+    <div className="shippingSummary">
+      <p>Summary</p>
+      <hr />
+      <div className="shippingProductList">
+        {products.map((el, i) => (
+          <ShippingProduct
+            image={el.img}
+            name={el.name}
+            price={el.price}
+            count={el.count}
+            key={i}
+          />
+        ))}
+      </div>
+      <hr />
+      <ShoppingCartBillCard
+        totalBill={totalBill}
+        tax={tax}
+        shippingCost={shippingCost}
+      />
+    </div>
+  );
+}
+
+export default ShippingSummary;
diff --git a/Full Frontend Code repo/src/components/Cart/ShippingDetails/shippingDetails.css b/Full Frontend Code repo/src/components/Cart/ShippingDetails/shippingDetails.css
new file mode 100644
index 0000000000000000000000000000000000000000..6efbb610c017ae3bc84e3358cab81a5b791ba9be
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/ShippingDetails/shippingDetails.css	
@@ -0,0 +1,180 @@
+.shpDetailMain {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  column-gap: 20px;
+  width: 80%;
+  margin: 0 auto;
+  padding: 20px;
+  background-color: var(--c1);
+  flex: 1;
+}
+
+.shpPaymentMain > .shpCartBtns {
+  margin-top: 20px;
+}
+
+/*  SHIIPING DETAIL FORM */
+.shippingDetailForm {
+  width: 100%;
+}
+.shippingDetailForm > p,
+.shippingSummary > p {
+  font-size: 24px;
+  color: var(--mainl);
+  margin-bottom: 10px;
+}
+
+.collectiveInput {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 20px;
+}
+
+form {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin: 20px 0;
+  width: 100%;
+}
+
+form input,
+form select {
+  padding: 10px 15px;
+  border: solid 1px var(--mainl);
+  outline: none;
+  border-radius: 4px;
+  background-color: var(--c1);
+  color: var(--main);
+}
+
+/* RADIO INPUT CARD */
+.radioInputCard {
+  display: flex;
+  flex-direction: unset;
+  align-items: center;
+  gap: 20px;
+  padding: 20px;
+  border-radius: 3px;
+  border: solid 1px var(--mainl);
+  cursor: pointer;
+}
+
+.radioInputCard.active {
+  background-color: var(--mainl2);
+}
+
+.radioInputCard > p {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}
+
+.radioInputCard > p > span:first-child {
+  font-size: 18px;
+  color: var(--maind);
+}
+.radioInputCard > p > span:last-child {
+  font-size: 14px;
+}
+
+.radioBtns {
+  margin: 20px 0;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 20px;
+}
+
+.radioInputCard input[type="radio"] {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  outline: none;
+  transition: border-color 0.3s ease-in-out;
+  background-color: var(--c12);
+  color: var(--c2);
+}
+
+/* SHIPPING PRODUCT */
+.shippingProduct > div {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.shippingProduct > div > p {
+  font-size: 14px;
+  font-weight: bold;
+}
+
+.shippingProduct > div > p:first-child {
+  font-weight: normal;
+  font-size: 15px;
+}
+
+.shippingProduct {
+  display: flex;
+  align-items: flex-start;
+  gap: 20px;
+  margin-right: 10px;
+}
+
+.shippingProductList {
+  max-height: 200px;
+  overflow-y: scroll;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin: 20px 0;
+}
+
+.shippingProductList::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+.shippingProductList::-webkit-scrollbar-thumb {
+  background-color: var(--c2);
+  border-radius: 20px;
+}
+
+.shippingProductList::-webkit-scrollbar-thumb:hover {
+  background-color: var(--c2);
+}
+
+.shippingProductList::-webkit-scrollbar-thumb:active {
+  background-color: var(--c2);
+}
+
+.shippingProductList::-webkit-scrollbar-corner {
+  background-color: var(--c2);
+}
+
+.shippingProductList::-webkit-scrollbar {
+  width: 5px;
+  display: block;
+}
+
+.shippingProduct > img {
+  width: 60px;
+}
+
+@media screen and (max-width: 700px) {
+  .shpDetailMain,
+  .radioBtns,
+  .collectiveInput {
+    grid-template-columns: 1fr;
+  }
+
+  form {
+    gap: 20px;
+  }
+
+  nav > div {
+    display: none;
+  }
+
+  .shpDetailMain {
+    width: 95%;
+    gap: 30px;
+  }
+}
diff --git a/Full Frontend Code repo/src/components/Cart/ShoppingCart/Product.jsx b/Full Frontend Code repo/src/components/Cart/ShoppingCart/Product.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..2d3ff0330b03dd9923256b460a70489f0575acc1
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/ShoppingCart/Product.jsx	
@@ -0,0 +1,78 @@
+import { useState } from "react";
+import { RiDeleteBin6Line } from "react-icons/ri";
+import { useDispatch } from "react-redux";
+import {
+  decreaseCount,
+  deleteCart,
+  increseCount,
+} from "../../../State/Reducers";
+
+function Product({
+  img,
+  name,
+  price,
+  onSetTotalBill,
+  onSetProducts,
+  id,
+  count,
+}) {
+  const [productCount, setProductCount] = useState(count);
+  const dispatch = useDispatch();
+
+  function handleProductIncrease() {
+    setProductCount((prevCount) => prevCount + 1);
+    onSetProducts((prevProducts) =>
+      prevProducts.map((product) =>
+        product.id == id ? { ...product, count: productCount + 1 } : product
+      )
+    );
+    onSetTotalBill((prevBill) => prevBill + price);
+    dispatch(increseCount({ id }));
+  }
+
+  function handleProductDecrease() {
+    if (productCount === 1) return;
+    setProductCount((prevCount) => prevCount - 1);
+    onSetProducts((prevProducts) =>
+      prevProducts.map((product) =>
+        product.id == id ? { ...product, count: productCount - 1 } : product
+      )
+    );
+    onSetTotalBill((prevBill) => prevBill - price);
+    dispatch(decreaseCount({ id }));
+  }
+
+  function handleRemoveItem() {
+    onSetTotalBill((prevBill) => prevBill - price * productCount);
+    onSetProducts((prevProducts) =>
+      prevProducts.filter((product) => product.id != id)
+    );
+    dispatch(deleteCart({ id }));
+  }
+
+  return (
+    <div className="cartProduct">
+      <div>
+        <img src={img} alt={name + " image"} />
+        <div>
+          <p>{name}</p>
+          <p>${price}</p>
+        </div>
+      </div>
+      <div className="productCounter">
+        <p>{productCount} pcs</p>
+        <p>
+          <button onClick={handleProductIncrease}>+</button>
+          <button onClick={handleProductDecrease}>-</button>
+        </p>
+      </div>
+      <div className="shpCartBtns">
+        <button className="removeProduct" onClick={handleRemoveItem}>
+          Remove Item <RiDeleteBin6Line />
+        </button>
+      </div>
+    </div>
+  );
+}
+
+export default Product;
diff --git a/Full Frontend Code repo/src/components/Cart/ShoppingCart/ShoppingCart.jsx b/Full Frontend Code repo/src/components/Cart/ShoppingCart/ShoppingCart.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..eb93d889b45db0fd2acf751bdaf9ffc5836d8347
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/ShoppingCart/ShoppingCart.jsx	
@@ -0,0 +1,39 @@
+import { useState } from "react";
+
+import ShoppingCartProducts from "./ShoppingCartProducts";
+import ShoppingCartSummary from "./ShoppingCartSummary";
+
+import "./shoppingCart.css";
+
+function ShoppingCart({
+  products,
+  tax,
+  onSetActiveIndex,
+  onSetTotalBill,
+  totalBill,
+  shippingCost,
+  onSetProducts,
+}) {
+  return (
+    <div className="shpCartMain">
+      <ShoppingCartProducts
+        onSetTotalBill={onSetTotalBill}
+        products={products}
+        onSetProducts={onSetProducts}
+      />
+      <ShoppingCartSummary
+        totalBill={totalBill}
+        onSetTotalBill={onSetTotalBill}
+        tax={tax}
+        shippingCost={shippingCost}
+      />
+      <div className="shpCartBtns">
+        <button onClick={() => onSetActiveIndex((a) => (a == 2 ? 2 : a + 1))}>
+          Next
+        </button>
+      </div>
+    </div>
+  );
+}
+
+export default ShoppingCart;
diff --git a/Full Frontend Code repo/src/components/Cart/ShoppingCart/ShoppingCartBillCard.jsx b/Full Frontend Code repo/src/components/Cart/ShoppingCart/ShoppingCartBillCard.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..63ac22fd4abf9984c6291a71e791f6222e3e2e1b
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/ShoppingCart/ShoppingCartBillCard.jsx	
@@ -0,0 +1,24 @@
+function ShoppingCartBillCard({ totalBill, tax, shippingCost }) {
+  return (
+    <>
+      <div className="purchaseTotal">
+        <p>
+          <span>SUBTOTAL</span> <span>${totalBill - tax - shippingCost}</span>
+        </p>
+        <p>
+          <span>SHIPPING</span>{" "}
+          <span>{shippingCost == 0 ? "Free" : `$${shippingCost}`}</span>
+        </p>
+        <p>
+          <span>TAXES</span> <span>${tax}</span>
+        </p>
+      </div>
+      <hr />
+      <p className="grandTotalBill">
+        <span>TOTAL</span> <span>${totalBill}</span>
+      </p>
+    </>
+  );
+}
+
+export default ShoppingCartBillCard;
diff --git a/Full Frontend Code repo/src/components/Cart/ShoppingCart/ShoppingCartProducts.jsx b/Full Frontend Code repo/src/components/Cart/ShoppingCart/ShoppingCartProducts.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..9700467aeda97cfba3e6dd49d552013bbf96808a
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/ShoppingCart/ShoppingCartProducts.jsx	
@@ -0,0 +1,28 @@
+import Product from "./Product";
+
+function ShoppingCartProducts({ onSetTotalBill, products, onSetProducts }) {
+  return (
+    <div className="shpCartProduct">
+      <p>Shopping Details</p>
+      <hr />
+      <div className="shpProductList">
+        {products.length == 0
+          ? "No product is added to your cart."
+          : products.map((el) => (
+              <Product
+                img={el.img}
+                name={el.name}
+                price={el.price}
+                count={el.count}
+                id={el.id}
+                key={el.id}
+                onSetTotalBill={onSetTotalBill}
+                onSetProducts={onSetProducts}
+              />
+            ))}
+      </div>
+    </div>
+  );
+}
+
+export default ShoppingCartProducts;
diff --git a/Full Frontend Code repo/src/components/Cart/ShoppingCart/ShoppingCartSummary.jsx b/Full Frontend Code repo/src/components/Cart/ShoppingCart/ShoppingCartSummary.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..19f8de7ab2a1b31157da289ef79b5623ada332d7
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/ShoppingCart/ShoppingCartSummary.jsx	
@@ -0,0 +1,48 @@
+import { useState } from "react";
+import ShoppingCartBillCard from "./ShoppingCartBillCard";
+
+function ShoppingCartSummary({ totalBill, onSetTotalBill, tax, shippingCost }) {
+  const [coupon, setCoupon] = useState("");
+  const [couponMessage, setCouponMessage] = useState("No coupon is added yet.");
+
+  async function handleCouponSubmit(e) {
+    e.preventDefault();
+
+    // Fetch the coupon response as both totalBill and coupon will be sent so that the calc take place at backend
+
+    const data = { discount: 100, valid: true, success: true };
+    if (data?.success && data?.valid) {
+      setCouponMessage("Coupon applied successfully.");
+      onSetTotalBill((prevBill) => prevBill - data.discount);
+      setCoupon("");
+    } else {
+      setCouponMessage("Coupon is not valid.");
+      setCoupon("");
+    }
+  }
+
+  return (
+    <div className="shpCartSummary">
+      <p>Summary</p>
+      <hr />
+      <form onSubmit={handleCouponSubmit}>
+        <label htmlFor="coupon-code">ENTER COUPON CODE</label>
+        <input
+          type="text"
+          id="coupon-code"
+          placeholder="Enter your coupon code"
+          value={coupon}
+          onChange={(e) => setCoupon(e.target.value)}
+        />
+        <p>{couponMessage}</p>
+      </form>
+      <ShoppingCartBillCard
+        totalBill={totalBill}
+        tax={tax}
+        shippingCost={shippingCost}
+      />
+    </div>
+  );
+}
+
+export default ShoppingCartSummary;
diff --git a/Full Frontend Code repo/src/components/Cart/ShoppingCart/shoppingCart.css b/Full Frontend Code repo/src/components/Cart/ShoppingCart/shoppingCart.css
new file mode 100644
index 0000000000000000000000000000000000000000..b492e5441a4ea1887495e9a51018b2b68e12f2eb
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/ShoppingCart/shoppingCart.css	
@@ -0,0 +1,176 @@
+.shpCartMain {
+  display: grid;
+  grid-template-columns: 1fr 250px;
+  gap: 20px;
+  width: 80%;
+  margin: 0 auto;
+  padding: 20px;
+  background-color: var(--c1);
+  flex: 1;
+}
+
+/* SHOPPING CART PRODUCTS */
+.shpCartProduct {
+  width: 100%;
+  margin-right: 10px;
+}
+
+.shpCartProduct > p {
+  font-size: 24px;
+  color: var(--mainl);
+  margin-bottom: 10px;
+}
+
+/* SHOPPING PRODUCT  */
+.shpProductList {
+  margin: 10px;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  max-height: 280px;
+  overflow-y: auto;
+}
+
+.cartProduct {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  gap: 10px;
+  justify-content: center;
+  align-items: center;
+}
+
+.cartProduct > div {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  font-size: 16px;
+  color: var(--main);
+}
+
+.cartProduct > div > div > p:nth-child(2) {
+  font-size: 14px;
+}
+.cartProduct > div > div > p:last-child {
+  font-weight: bold;
+}
+
+.cartProduct > div > div {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.cartProduct > div p:first-child {
+  font-size: 20px;
+}
+
+.cartProduct > div > img {
+  width: 100px;
+}
+
+.shpCartBtns > .removeProduct {
+  margin: 10px 0;
+  border-radius: 5px;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+}
+
+/* PRODUCT COUNTER */
+.productCounter {
+  display: flex;
+  align-items: center;
+  border: solid 2px var(--mainl);
+  width: max-content;
+  border-radius: 5px;
+}
+.productCounter p:first-child {
+  align-self: center;
+  padding: 0 20px;
+}
+
+.productCounter > p:last-child {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.productCounter > p:last-child > button {
+  background-color: var(--main);
+  border-radius: 0;
+  color: var(--c1);
+  padding: 0 8px;
+  cursor: pointer;
+}
+
+/* SHOPPING CARTT SUMMARY */
+.shpCartSummary > :first-child {
+  font-size: 24px;
+  color: var(--mainl);
+  margin-bottom: 10px;
+}
+
+.shpCartSummary > form > p {
+  font-size: 12px;
+  font-style: italic;
+  height: 8px;
+}
+
+.shpCartSummary > form > input {
+  padding: 5px 10px;
+  outline: none;
+  border-radius: 5px;
+  border: none;
+  border: solid 1px var(--main);
+  background-color: var(--c1);
+  color: var(--main);
+}
+
+.shpCartSummary > form > label {
+  font-weight: bold;
+}
+.shpCartSummary > form {
+  display: flex;
+  flex-direction: column;
+  margin: 20px 0;
+}
+
+.purchaseTotal {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  padding: 20px 0;
+}
+.purchaseTotal > p {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: var(--mainl);
+}
+
+.grandTotalBill {
+  font-size: 20px;
+  color: var(--mainl);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.grandTotalBill > span:last-child {
+  font-weight: bold;
+}
+
+@media screen and (max-width: 700px) {
+  .shpCartMain,
+  .cartProduct {
+    grid-template-columns: 1fr;
+  }
+
+  .shpCartMain {
+    margin: 0;
+    width: 100%;
+    padding: 10px;
+    gap: 30px;
+  }
+}
diff --git a/Full Frontend Code repo/src/components/Cart/ShoppingTabLinks/ShoppingTabLinks.jsx b/Full Frontend Code repo/src/components/Cart/ShoppingTabLinks/ShoppingTabLinks.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..1101082e7a31c99e1c36b72c2a2e7d9bb1246611
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/ShoppingTabLinks/ShoppingTabLinks.jsx	
@@ -0,0 +1,23 @@
+import "./shoppingTabLinks.css";
+
+function ShoppingTabLinks({ links, onSetActiveIndex, activeIndex }) {
+  const handleItemClick = (index) => {
+    onSetActiveIndex(index);
+  };
+
+  return (
+    <div className="shpTab">
+      {links.map((el, i) => (
+        <p
+          key={i}
+          className={`shpTabItem ${i === activeIndex ? "active" : ""}`}
+          onClick={() => handleItemClick(i)}
+        >
+          {el}
+        </p>
+      ))}
+    </div>
+  );
+}
+
+export default ShoppingTabLinks;
diff --git a/Full Frontend Code repo/src/components/Cart/ShoppingTabLinks/shoppingTabLinks.css b/Full Frontend Code repo/src/components/Cart/ShoppingTabLinks/shoppingTabLinks.css
new file mode 100644
index 0000000000000000000000000000000000000000..c27da7f8f669b0b6d516256ede92e2dae3699d2d
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Cart/ShoppingTabLinks/shoppingTabLinks.css	
@@ -0,0 +1,59 @@
+.shpTab {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 80%;
+  padding-top: 60px;
+  margin: 0 auto;
+  color: var(--main);
+}
+
+.shpTab p {
+  padding: 10px 35px;
+  opacity: 0.7;
+  transition: opacity 0.6s ease-in-out;
+  cursor: pointer;
+}
+
+.shpTab p.active {
+  opacity: 1;
+  font-weight: bold;
+}
+
+.shpTab {
+  display: flex;
+  justify-content: space-between;
+}
+
+.shpTabItem {
+  position: relative;
+  cursor: pointer;
+}
+
+.shpTabItem::before {
+  content: "";
+  position: absolute;
+  bottom: -5px;
+  left: 0;
+  width: 0;
+  height: 2px;
+  background-color: var(--c);
+  transition: width 0.7s ease;
+}
+
+.shpTabItem.active::before {
+  width: 100%;
+}
+
+@media screen and (max-width: 700px) {
+  .shpTab {
+    width: 60%;
+    flex-wrap: wrap;
+    gap: 10px;
+    justify-content: center;
+  }
+
+  .shpTab > p {
+    font-size: 14px;
+  }
+}
diff --git a/Full Frontend Code repo/src/components/Category/Category.jsx b/Full Frontend Code repo/src/components/Category/Category.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..5e4e5c6a82e7fb0b3615caae085007aeb5e0b987
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Category/Category.jsx	
@@ -0,0 +1,66 @@
+import { Link, useLoaderData } from "react-router-dom";
+import Navbar from "../NavBar/NavBar";
+import Footer from "../Footer/Footer";
+import "../../styles/category.scss";
+
+export default function Category() {
+  const { products: data, cid } = useLoaderData();
+  return (
+    <>
+      <Navbar />
+      <div className="category-pro-list">
+        <h2>
+          <span>{data[0].CategoryName}</span> Category Products
+        </h2>
+        <div className="list">
+          {data.map((product) => (
+            <CategoryProductCard
+              product={product}
+              key={product.ProductID}
+              cid={cid}
+            />
+          ))}
+        </div>
+      </div>
+      <Footer />
+    </>
+  );
+}
+
+export async function getCategoriesProduct({ params }) {
+  const response = await fetch("http://127.0.0.1:5001/product/home", {
+    method: "POST",
+    body: JSON.stringify({ category_id: params.cid }),
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+  const data = await response.json();
+  if (!data?.products) {
+    throw new Response("Unable to fetch products of this category.", {
+      status: 404,
+    });
+  }
+  return { products: data.products, cid: params.cid };
+}
+
+function CategoryProductCard({ product, cid }) {
+  return (
+    <div className="product-category-card">
+      <Link to={`/product/${product.ProductID}`}>
+        {product.ImageName ? (
+          <img
+            src={`https://storage.googleapis.com/productimages_webtech_group3/${product.ProductID}/${product.ImageName}`}
+            alt={product.ImageName + " image"}
+          />
+        ) : (
+          <img src={`/c${cid}.jpg`} alt="Image not found" />
+        )}
+      </Link>
+      <div>
+        <p>{product.ProductName.replace(/"/g, "")}</p>
+        <p>${parseInt(product.Price)}</p>
+      </div>
+    </div>
+  );
+}
diff --git a/Full Frontend Code repo/src/components/Dashboard/Dashboard.jsx b/Full Frontend Code repo/src/components/Dashboard/Dashboard.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..be714817cf0f910806988ba3d0e4353adda16969
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Dashboard/Dashboard.jsx	
@@ -0,0 +1,210 @@
+import Navbar from "../NavBar/NavBar";
+import "../../styles/dashboard.scss";
+import { Link, useLoaderData, useNavigate } from "react-router-dom";
+import { useState } from "react";
+import Notification from "../Notification/Notification";
+import { useSelector } from "react-redux";
+import Footer from "../Footer/Footer";
+
+const btns = [
+  {
+    text: "Logout",
+    to: "/",
+  },
+];
+
+export default function Dashboard() {
+  const data = useLoaderData();
+  const [updatedForm, setUpdatedForm] = useState(false);
+  const myCart = useSelector((state) => state.myCart);
+  const [msg, setMsg] = useState("");
+  const navigate = useNavigate();
+
+  async function handleDeleteAcc(e) {
+    e.preventDefault();
+    const response = await fetch("http://127.0.0.1:5000/user/deleteProfile", {
+      method: "POST",
+      body: JSON.stringify({ email: "testemail@gmail.com" }),
+      headers: {
+        "Content-Type": "application/json",
+      },
+    });
+    const data = await response.json();
+    if (!data) {
+      setMsg("Try again later.");
+    }
+    sessionStorage.removeItem("token");
+    setMsg("Your account deletion process is initiated.");
+    setTimeout(() => {
+      navigate("/");
+    }, 2500);
+  }
+
+  return (
+    <div>
+      <Navbar btns={btns} />
+      <div className="dash-component">
+        <div>
+          <img src="/hi.gif" alt="Hi gif" />
+          <div>
+            <h2>
+              <span> Hi!</span> {data}
+            </h2>
+            <p>Step into the vibrant realm of our dashboard.</p>
+          </div>
+        </div>
+        <div>
+          <button onClick={() => setUpdatedForm(true)}>Update User</button>
+          <button onClick={handleDeleteAcc}>Delete Account</button>
+          <button>Change Password</button>
+          {myCart.length > 0 ? (
+            <Link to="/cart">
+              <button>My Cart</button>
+            </Link>
+          ) : (
+            ""
+          )}
+        </div>
+        {msg && <Notification msg={msg} setMsg={setMsg} />}
+        <div className="order-his">
+          <h2>
+            <span>Orders</span> History
+          </h2>
+          <p>No order has been placed yet.</p>
+        </div>
+      </div>
+      <Footer />
+
+      {updatedForm && <UpdatedFormComponent setUpdatedForm={setUpdatedForm} />}
+    </div>
+  );
+}
+
+export async function getUserDetails() {
+  const token = sessionStorage.getItem("token");
+  if (!token) {
+    throw new Response("The user is not loggedIn.", { status: 404 });
+  }
+  const response = await fetch("http://localhost:5000/user/getUsername", {
+    method: "POST",
+    body: JSON.stringify({ id: token }),
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+  const data = await response.json();
+  if (data.username) {
+    return data.username;
+  } else {
+    throw new Response("Unable to login right now.", { status: 500 });
+  }
+}
+
+function UpdatedFormComponent({ setUpdatedForm }) {
+  const [firstName, setFirstName] = useState("");
+  const [lastName, setLastName] = useState("");
+  const [email, setEmail] = useState("");
+  const [gender, setGender] = useState("");
+  const [msg, setMsg] = useState("");
+
+  async function handleUpdateUser(e) {
+    e.preventDefault();
+    if (!firstName && !lastName && !email && !gender) {
+      return setMsg("No field is filled to update.");
+    }
+    if (!email && (lastName || firstName || gender)) {
+      return setMsg("Email is mandatory to update any field.");
+    }
+    let toUpdate = {};
+    if (firstName) {
+      toUpdate.first_name = firstName;
+    }
+    if (lastName) {
+      toUpdate.last_name = lastName;
+    }
+    if (gender) {
+      toUpdate.gender = gender;
+    }
+    toUpdate.email = email;
+
+    const token = sessionStorage.getItem("token");
+    const response = await fetch("http://127.0.0.1:5000/user/update", {
+      method: "POST",
+      body: JSON.stringify({ ...toUpdate }),
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${token}`,
+      },
+    });
+    const data = await response.json();
+    setMsg(data.message);
+    if (data.session) {
+      sessionStorage.setItem("token", data.session);
+      setTimeout(() => {
+        navigate("/dashboard");
+      }, 2500);
+    }
+  }
+
+  return (
+    <div className="popUp-bg">
+      <div className="popup">
+        <div>
+          <h2>Update Profile</h2>
+          <button onClick={() => setUpdatedForm(false)}>Close</button>
+        </div>
+        <div>
+          <div>
+            <label htmlFor="firstName">First Name</label>
+            <input
+              type="text"
+              id="firstName"
+              placeholder="Enter first name here.."
+              value={firstName}
+              onChange={(e) => setFirstName(e.target.value)}
+            />
+          </div>
+          <div>
+            <label htmlFor="lastName">Last Name</label>
+            <input
+              type="text"
+              id="lastName"
+              placeholder="Enter last name here.."
+              value={lastName}
+              onChange={(e) => setLastName(e.target.value)}
+            />
+          </div>
+          <div>
+            <label htmlFor="email">Email</label>
+            <input
+              type="email"
+              id="email"
+              placeholder="Enter email here.."
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+            />
+          </div>
+          <div>
+            <label htmlFor="gender">Gender</label>
+            <select
+              name="gender"
+              id="gender"
+              value={gender}
+              onChange={(e) => setGender(e.target.value)}
+            >
+              <option value="">Select the gender here</option>
+              <option value="M">Male</option>
+              <option value="F">Female</option>
+            </select>
+          </div>
+          <button onClick={handleUpdateUser}>Update Profile</button>
+        </div>
+      </div>
+      {msg && <Notification msg={msg} setMsg={setMsg} />}
+    </div>
+  );
+}
+
+async function changePassword() {
+  return <div>Chnage Password</div>;
+}
diff --git a/Full Frontend Code repo/src/components/Error404/Error404.jsx b/Full Frontend Code repo/src/components/Error404/Error404.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..ae4eddda8b694b540da758ec2c84bbbae7918846
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Error404/Error404.jsx	
@@ -0,0 +1,20 @@
+import { useRouteError, isRouteErrorResponse, Link } from "react-router-dom";
+import "../../styles/error.scss";
+
+export default function Error404() {
+  const error = useRouteError();
+  console.log(error);
+  if (isRouteErrorResponse(error)) {
+    return (
+      <div className="errorpage">
+        <img src="/warning.gif" alt="Warning icon" />
+        <p>{error.data}</p>
+        <p>
+          Go back to home: <Link to="/">Home</Link>
+        </p>
+      </div>
+    );
+  }
+
+  return <div className="errorpage">Something went wrong</div>;
+}
diff --git a/Full Frontend Code repo/src/components/Footer/Footer.jsx b/Full Frontend Code repo/src/components/Footer/Footer.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..d0fa8e7af526785b8e3eb112ad2cc5253146ec91
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Footer/Footer.jsx	
@@ -0,0 +1,64 @@
+import { Link } from "react-router-dom";
+import "../../styles/footer.scss";
+import {
+  company_address_1,
+  company_address_2,
+  company_career_page,
+  company_press_page,
+  instagram_handle,
+  linkedin_handle,
+  twitter_handle,
+} from "../../constants";
+
+function Footer() {
+  return (
+    <footer className="footer">
+      <div className="fp1">
+        <img src="/logo.png" alt="" />
+        <p>
+          {company_address_1}
+          <br />
+          {company_address_2}
+          <br />
+          &copy; Copyright 2024 | All rights reserved.
+        </p>
+      </div>
+      <div className="fp2">
+        <h2>MAIN MENU</h2>
+        <div>
+          <Link to="/">Home</Link>
+          <Link to="/about">About</Link>
+          <Link to="/shop">Shop</Link>
+          <Link to="/help">Help</Link>
+        </div>
+      </div>
+      <div>
+        <h2>FIND US ON</h2>
+        <div>
+          <a target="_blank" href={twitter_handle}>
+            Twitter
+          </a>
+          <a target="_blank" href={linkedin_handle}>
+            LinkedIn
+          </a>
+          <a target="_blank" href={instagram_handle}>
+            Instagram
+          </a>
+        </div>
+      </div>
+      <div>
+        <h2>The Company</h2>
+        <div>
+          <a target="_blank" href={company_career_page}>
+            Careers
+          </a>
+          <a target="_blank" href={company_press_page}>
+            Press
+          </a>
+        </div>
+      </div>
+    </footer>
+  );
+}
+
+export default Footer;
diff --git a/Full Frontend Code repo/src/components/Help/Help.jsx b/Full Frontend Code repo/src/components/Help/Help.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..5ca28747f9ef2bafd5ba1c1dcb2126cf9cac33c5
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Help/Help.jsx	
@@ -0,0 +1,41 @@
+import Footer from "../Footer/Footer";
+import Navbar from "../NavBar/NavBar";
+import "../../styles/help.scss";
+import { company_email } from "../../constants";
+
+function Help() {
+  return (
+    <div>
+      <Navbar />
+      <div className="help">
+        <h2>
+          Need <span>Help</span>?
+        </h2>
+        <ul>
+          <li>
+            How do I place an <span>order</span>?
+          </li>
+          <li>
+            What <span>payment</span> methods do you accept?
+          </li>
+          <li>
+            Can I <span>track</span> my order?
+          </li>
+          <li>
+            How do I <span>return</span> or exchange an item?
+          </li>
+        </ul>
+        <p>
+          You can reach us via email at{" "}
+          <a href={`mailto:${company_email}`}>
+            <span>{company_email}</span>
+          </a>
+        </p>
+      </div>
+
+      <Footer />
+    </div>
+  );
+}
+
+export default Help;
diff --git a/Full Frontend Code repo/src/components/Home/FeatureProducts.jsx b/Full Frontend Code repo/src/components/Home/FeatureProducts.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..92f8230929a02ea9d28f45a2e195af151e6ca97f
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Home/FeatureProducts.jsx	
@@ -0,0 +1,52 @@
+// import { FaCaretLeft, FaCaretRight } from "react-icons/fa";
+import { Link } from "react-router-dom";
+
+export default function FeatureProducts({ data }) {
+  const { data1: p1, data2: p2, data3: p3 } = data;
+  return (
+    <section className="featured-section">
+      <div>
+        {/* <FaCaretLeft /> */}
+        <div>
+          <div>
+            <Link to={`/product/${p1[1].product.ProductID}`}>
+              <img
+                src={`https://storage.googleapis.com/productimages_webtech_group3/${p1[1].product.ProductID}/IMG_${p1[1].product.ProductID}_1.jpg`}
+                alt="h1"
+              />
+            </Link>
+            <div>
+              <p>{p1[1].product.ProductName.replace(/"/g, "")}</p>
+              <p>${parseInt(p1[1].product.Price)}</p>
+            </div>
+          </div>
+          <div>
+            <Link to={`/product/${p2[1].product.ProductID}`}>
+              <img
+                src={`https://storage.googleapis.com/productimages_webtech_group3/${p2[1].product.ProductID}/IMG_${p2[1].product.ProductID}_1.jpg`}
+                alt="h1"
+              />
+            </Link>
+            <div>
+              <p>{p2[1].product.ProductName.replace(/"/g, "")}</p>
+              <p>${parseInt(p2[1].product.Price)}</p>
+            </div>
+          </div>
+          <div>
+            <Link to={`/product/${p3[1].product.ProductID}`}>
+              <img
+                src={`https://storage.googleapis.com/productimages_webtech_group3/${p3[1].product.ProductID}/IMG_${p3[1].product.ProductID}_1.jpg`}
+                alt="h1"
+              />
+            </Link>
+            <div>
+              <p>{p3[1].product.ProductName.replace(/"/g, "")}</p>
+              <p>${parseInt(p3[1].product.Price)}</p>
+            </div>
+          </div>
+        </div>
+        {/* <FaCaretRight /> */}
+      </div>
+    </section>
+  );
+}
diff --git a/Full Frontend Code repo/src/components/Home/Hero.jsx b/Full Frontend Code repo/src/components/Home/Hero.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..d94e18331662c42d3497924a64f2873a55ba831d
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Home/Hero.jsx	
@@ -0,0 +1,70 @@
+import { useState, useEffect } from "react";
+import { Link, useLoaderData } from "react-router-dom";
+import { website_name } from "../../constants";
+import FeatureProducts from "./FeatureProducts";
+
+function Hero() {
+  const [hrClass, setHrClass] = useState("");
+  const data = useLoaderData();
+
+  useEffect(() => {
+    setHrClass("hr-full");
+  }, []);
+
+  return (
+    <section className="hero-section">
+      <div className="div1">
+        <h1>
+          Welcome to <span>{website_name}</span>, Where Quality Meets
+          Affordability.
+        </h1>
+        <p>
+          Your One-Stop <span>Shop</span> for Everything Online<span>.</span>
+        </p>
+      </div>
+      <hr className={hrClass ? hrClass : ""} />
+      <FeatureProducts data={data} />
+      <Link to="/shop">
+        <button>Shop Now</button>
+      </Link>
+    </section>
+  );
+}
+
+export default Hero;
+
+export async function getHeroProducts() {
+  // Change Here
+  const response1 = fetch("http://127.0.0.1:5001/product/421", {
+    method: "GET",
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+  const response2 = fetch("http://127.0.0.1:5001/product/412", {
+    method: "GET",
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+  const response3 = fetch("http://127.0.0.1:5001/product/411", {
+    method: "GET",
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+  const [res1, res2, res3] = await Promise.all([
+    response1,
+    response2,
+    response3,
+  ]);
+  const [data1, data2, data3] = await Promise.all([
+    res1.json(),
+    res2.json(),
+    res3.json(),
+  ]);
+  if (data1 && data2 && data3) {
+    return { data1, data2, data3 };
+  }
+  return null;
+}
diff --git a/Full Frontend Code repo/src/components/Home/Home.jsx b/Full Frontend Code repo/src/components/Home/Home.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..3600b0014032aa6a738196e931b32b7c17553641
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Home/Home.jsx	
@@ -0,0 +1,18 @@
+import "../../styles/home.scss";
+import Footer from "../Footer/Footer";
+import Navbar from "../NavBar/NavBar";
+import Hero from "./Hero";
+import Newsletter from "./Newsletter";
+
+function Home() {
+  return (
+    <main className="home-component">
+      <Navbar />
+      <Hero />
+      <Newsletter />
+      <Footer />
+    </main>
+  );
+}
+
+export default Home;
diff --git a/Full Frontend Code repo/src/components/Home/Newsletter.jsx b/Full Frontend Code repo/src/components/Home/Newsletter.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..02df6f1e1ad4026bda2b026153f48d4206502b0c
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Home/Newsletter.jsx	
@@ -0,0 +1,31 @@
+import { useState } from "react";
+import Notification from "../Notification/Notification";
+
+function Newsletter() {
+  const [msg, setMsg] = useState("");
+
+  function handleNewsletterSubmit(e) {
+    e.preventDefault();
+    const token = sessionStorage.getItem("token");
+
+    if (!token)
+      return setMsg("You have to logIn to subscribe to our newsletter.");
+    setMsg("Successfully subscribed to our newsletter!");
+  }
+
+  return (
+    <section className="newsletter-component">
+      <div>
+        <h2>Newsletter</h2>
+        <p>
+          Stay in the Loop! Subscribe to Our Newsletter for Exclusive Offers,
+          Product Updates, and More.
+        </p>
+      </div>
+      <button onClick={handleNewsletterSubmit}>Subscribe</button>
+      {msg && <Notification msg={msg} setMsg={setMsg} />}
+    </section>
+  );
+}
+
+export default Newsletter;
diff --git a/Full Frontend Code repo/src/components/Login/Login.jsx b/Full Frontend Code repo/src/components/Login/Login.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..223f9244a6edb8340a6250f31f9169f416bad398
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Login/Login.jsx	
@@ -0,0 +1,95 @@
+import { website_name } from "../../constants";
+import { Link, useNavigate } from "react-router-dom";
+import "../../styles/login.scss";
+import Navbar from "../NavBar/NavBar";
+import Footer from "../Footer/Footer";
+import Notification from "../Notification/Notification";
+import { useState } from "react";
+
+const btns = [
+  {
+    to: "/register",
+    text: "Register",
+  },
+];
+
+export default function Login() {
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [msg, setMsg] = useState("");
+  const navigate = useNavigate();
+
+  async function handleLogin(e) {
+    e.preventDefault();
+    if (!email || !password) {
+      return setMsg("All fields are required.");
+    }
+
+    const emailRegex =
+      /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
+
+    if (!emailRegex.test(email)) {
+      return setMsg("Please enter a valid email address.");
+    }
+
+    const response = await fetch("http://127.0.0.1:5000/login", {
+      method: "POST",
+      body: JSON.stringify({ email, password }),
+      headers: {
+        "Content-Type": "application/json",
+      },
+    });
+    const data = await response.json();
+    setMsg(data.message);
+    if (data.session) {
+      sessionStorage.setItem("token", data.session);
+      setTimeout(() => {
+        navigate("/dashboard");
+      }, 2500);
+    }
+  }
+
+  return (
+    <div>
+      <Navbar btns={btns} />
+      <div className="login-page">
+        <h2>
+          <span>{website_name}'s</span> Login Portal
+        </h2>
+        <div>
+          <div>
+            <label htmlFor="email">Email</label>
+            <input
+              type="email"
+              name="email"
+              id="email"
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+              placeholder="Enter your email here..."
+            />
+          </div>
+          <div>
+            <label htmlFor="password">Password</label>
+            <input
+              type="password"
+              name="password"
+              id="password"
+              value={password}
+              onChange={(e) => setPassword(e.target.value)}
+              placeholder="Enter your password here..."
+            />
+          </div>
+          <p>
+            Are you a new Customer?{" "}
+            <span>
+              <Link to="/register">Register here</Link>
+            </span>
+          </p>
+          <button onClick={handleLogin}>Login</button>
+          {msg && <Notification msg={msg} setMsg={setMsg} />}
+        </div>
+      </div>
+      <Footer />
+    </div>
+  );
+}
diff --git a/Full Frontend Code repo/src/components/NavBar/NavBar.jsx b/Full Frontend Code repo/src/components/NavBar/NavBar.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..d9adc1e19beee87d1bf5004435968eb33e6bc777
--- /dev/null
+++ b/Full Frontend Code repo/src/components/NavBar/NavBar.jsx	
@@ -0,0 +1,76 @@
+import { Link } from "react-router-dom";
+import "../../styles/navbar.scss";
+import { website_name } from "../../constants";
+import { TiThMenu } from "react-icons/ti";
+import { useState } from "react";
+import { useSelector } from "react-redux";
+
+function Navbar({ btns = [] }) {
+  const [open, setOpen] = useState(false);
+  const myCart = useSelector((state) => state.myCart);
+
+  function isLoggedIn() {
+    const token = sessionStorage.getItem("token");
+    if (!token) return false;
+    return true;
+  }
+
+  function handleLogout(text) {
+    if (text == "Logout") {
+      sessionStorage.removeItem("token");
+    }
+  }
+
+  return (
+    <nav className="nav-bar-component">
+      <div className="web-name">
+        <img src="/logo.png" alt="Logo Image" />
+        <Link to="/">
+          <p>{website_name}</p>
+        </Link>
+      </div>
+      <p className="menu-bar-btn" onClick={() => setOpen(true)}>
+        <TiThMenu />
+      </p>
+      <div className={`links ${open ? "open" : ""}`}>
+        <button className="close-bar-btn" onClick={() => setOpen(false)}>
+          Close
+        </button>
+        <Link to="/">Home</Link>
+        <Link to="/shop">Shop</Link>
+        <Link to="/about">About</Link>
+        <Link to="/help">Help</Link>
+        <div className="btns">
+          {btns.length ? (
+            btns.map((btn, i) => (
+              <Link to={btn.to} key={i}>
+                <button onClick={() => handleLogout(btn.text)}>
+                  {btn.text}
+                </button>
+              </Link>
+            ))
+          ) : isLoggedIn() ? (
+            <div className="btns">
+              <Link to="/dashboard">
+                <button>Dashboard</button>
+              </Link>
+              {myCart.length > 0 ? (
+                <Link to="/cart">
+                  <button>My Cart</button>
+                </Link>
+              ) : (
+                ""
+              )}
+            </div>
+          ) : (
+            <Link to="/login">
+              <button>Login</button>
+            </Link>
+          )}
+        </div>
+      </div>
+    </nav>
+  );
+}
+
+export default Navbar;
diff --git a/Full Frontend Code repo/src/components/Notification/Notification.jsx b/Full Frontend Code repo/src/components/Notification/Notification.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..4d0665a079df7aa70f44580b7a2cc5844639ed7e
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Notification/Notification.jsx	
@@ -0,0 +1,26 @@
+import React, { useState, useEffect } from "react";
+import "../../styles/notification.scss";
+
+function Notification({ msg, setMsg }) {
+  const [show, setShow] = useState(true);
+
+  useEffect(() => {
+    setTimeout(() => {
+      setShow(false);
+      setMsg("");
+    }, 5000);
+  }, []);
+
+  return (
+    <>
+      {show && (
+        <div className="notification">
+          <span className="message">{msg}</span>
+          <div className="line"></div>
+        </div>
+      )}
+    </>
+  );
+}
+
+export default Notification;
diff --git a/Full Frontend Code repo/src/components/Product/Product.jsx b/Full Frontend Code repo/src/components/Product/Product.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..66a6046c144687c04f5be8fa457e396d42c9565f
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Product/Product.jsx	
@@ -0,0 +1,238 @@
+import { useLoaderData } from "react-router-dom";
+import { FaStar } from "react-icons/fa6";
+import NavBar from "../NavBar/NavBar";
+import Footer from "../Footer/Footer";
+import "../../styles/product.scss";
+import { useEffect, useState } from "react";
+import Reviews from "./Reviews";
+import Notification from "../Notification/Notification";
+import { useDispatch } from "react-redux";
+import { addCart } from "../../State/Reducers";
+
+const categories = [
+  {
+    category: "Accessories",
+    img: "/c1.jpg",
+  },
+  {
+    category: "Android",
+    img: "/c2.jpg",
+  },
+  {
+    category: "Apparel",
+    img: "/c3.jpg",
+  },
+  {
+    category: "Backpacks",
+    img: "/c4.jpg",
+  },
+  {
+    category: "Bags",
+    img: "/c5.jpg",
+  },
+  {
+    category: "Bottles",
+    img: "/c6.jpg",
+  },
+  {
+    category: "Drinkware",
+    img: "/c7.jpg",
+  },
+  {
+    category: "Fun",
+    img: "/c8.jpg",
+  },
+  {
+    category: "Gift Cards",
+    img: "/c9.jpg",
+  },
+  {
+    category: "Google",
+    img: "/c10.jpg",
+  },
+  {
+    category: "Headgear",
+    img: "/c11.jpg",
+  },
+  {
+    category: "Housewares",
+    img: "/c12.jpg",
+  },
+  {
+    category: "Lifestyle",
+    img: "/c13.jpg",
+  },
+  {
+    category: "More Bags",
+    img: "/c14.jpg",
+  },
+  {
+    category: "Nest",
+    img: "/c15.jpg",
+  },
+  {
+    category: "Nest-Canada",
+    img: "/c16.jpg",
+  },
+  {
+    category: "Nest-USA",
+    img: "/c17.jpg",
+  },
+  {
+    category: "Notebooks & Journals",
+    img: "/c18.jpg",
+  },
+  {
+    category: "Office",
+    img: "/c19.jpg",
+  },
+  {
+    category: "Waze",
+    img: "/c20.jpg",
+  },
+];
+
+export default function Product() {
+  const data = useLoaderData();
+  return (
+    <div>
+      <NavBar />
+      <div className="product-component-main">
+        <ProductCard data={data} />
+      </div>
+      <Reviews data={data} />
+      <Footer />
+    </div>
+  );
+}
+
+export async function getProduct({ params }) {
+  const response = await fetch(`http://127.0.0.1:5001/product/${params.pid}`, {
+    method: "GET",
+    headers: {
+      "Content-Type": "application/json",
+    },
+  });
+  const data = await response.json();
+  if (!data) {
+    throw new Response("Unable to get the product details at this moment.", {
+      status: 404,
+    });
+  }
+  return data;
+}
+
+export function ProductCard({ data }) {
+  console.log(data);
+  let rating;
+  let totalRating = 0;
+  const [msg, setMsg] = useState("");
+  const dispatch = useDispatch();
+
+  for (let i = 0; i < data[1].reviews.length; i++) {
+    totalRating += data[1].reviews[i].rating;
+  }
+  rating = totalRating / data[1].reviews.length;
+  const stars = [];
+  const [selImage, setSelImage] = useState(null);
+  const [msgs, setMsgs] = useState("");
+
+  useEffect(() => {
+    if (!data[1].images.length > 0) {
+      setSelImage(
+        categories.find(
+          (category) => category.category === data[1].product.tempCategory
+        ).img
+      );
+    } else {
+      setSelImage(`IMG_${data[1].product.ProductID}_1.jpg`);
+    }
+  }, []);
+
+  for (let i = 1; i <= 5; i++) {
+    if (i <= rating) {
+      stars.push(<FaStar className="rated" key={i} />);
+    } else {
+      stars.push(<FaStar className="unrated" key={i} />);
+    }
+  }
+
+  function handleAddToCart(e) {
+    e.preventDefault();
+    const token = sessionStorage.getItem("token");
+    if (!token) {
+      return setMsg("You have to login to add products.");
+    }
+    let img;
+    if (!data[1].images.length > 0) {
+      img = categories.find(
+        (category) => category.category === data[1].product.tempCategory
+      ).img;
+    } else {
+      img = `https://storage.googleapis.com/productimages_webtech_group3/${data[1].product.ProductID}/${selImage}`;
+    }
+    dispatch(
+      addCart({
+        img,
+        name: data[1].product.ProductName.replace(/"/g, ""),
+        price: parseInt(data[1].product.Price),
+      })
+    );
+    setMsg("Product added to cart.");
+  }
+
+  return (
+    <div className="product-card-component">
+      <div className="img-part">
+        {data[1].images.length > 0 ? (
+          <img
+            src={`https://storage.googleapis.com/productimages_webtech_group3/${data[1].product.ProductID}/${selImage}`}
+            alt="Laptop image"
+          />
+        ) : (
+          <img
+            src={
+              categories.find(
+                (category) => category.category === data[1].product.tempCategory
+              ).img
+            }
+            alt="No image found"
+          />
+        )}
+        <div>
+          {data[1].images.map((image) => {
+            if (image != selImage) {
+              return (
+                <img
+                  key={image.ImageIdentifier}
+                  src={`https://storage.googleapis.com/productimages_webtech_group3/${data[1].product.ProductID}/${image.ProductID}`}
+                  alt="product image"
+                  onClick={() => setSelImage(image.ProductID)}
+                />
+              );
+            }
+          })}
+        </div>
+      </div>
+      <div className="pro-detail">
+        <div>
+          <h2>{data[1].product.ProductName.replace(/"/g, "")}</h2>
+          <div>
+            {stars}
+            <p>
+              {data[1].reviews.length > 0
+                ? `${data[1].reviews.length} Reviews`
+                : "No Reviews"}{" "}
+            </p>
+          </div>
+        </div>
+        <hr />
+        <p className="price">${parseInt(data[1].product.Price)}</p>
+        <hr />
+        <p>{data[1].product.ProductDesc}</p>
+        <button onClick={handleAddToCart}>Add to Cart</button>
+        {msg && <Notification msg={msg} setMsg={setMsg} />}
+      </div>
+    </div>
+  );
+}
diff --git a/Full Frontend Code repo/src/components/Product/Reviews.jsx b/Full Frontend Code repo/src/components/Product/Reviews.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..9857e9d34d04c3741cf3b64d0d66b31671c78af4
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Product/Reviews.jsx	
@@ -0,0 +1,74 @@
+import { useEffect } from "react";
+import { FaStar } from "react-icons/fa6";
+import "../../styles/product.scss";
+
+const reviews = [
+  {
+    name: "John Doe",
+    date: "April 20, 2024",
+    profile: "r1.jpg",
+    comment:
+      "Great camera! I've been using it for a month now and I'm impressed with the quality of the photos.",
+    rating: 4,
+  },
+  {
+    name: "Jane Smith",
+    date: "May 1, 2024",
+    profile: "r2.jpg",
+    comment:
+      "The best bike I've ever owned. Smooth ride and sturdy build. Highly recommend it!",
+    rating: 5,
+  },
+  {
+    name: "Alice Johnson",
+    date: "March 15, 2024",
+    profile: "r3.jpg",
+    comment:
+      "The perfume has a lovely scent, but it fades quickly. Wish it lasted longer.",
+    rating: 1,
+  },
+];
+
+export default function Reviews({ data }) {
+  const reviews = data[1].reviews;
+  return (
+    <div className="reviews-component">
+      <h2>
+        Product <span>Reviews</span>.
+      </h2>
+      {reviews.length > 0 ? (
+        <div>
+          {reviews.map((review, i) => (
+            <ReviewCard review={review} key={i} />
+          ))}
+        </div>
+      ) : (
+        <p className="noReview">No reviews available for this product yet.</p>
+      )}
+    </div>
+  );
+}
+
+export function ReviewCard({ review }) {
+  const stars = [];
+  const { rating, Username, Review } = review;
+  for (let i = 1; i <= 5; i++) {
+    if (i <= rating) {
+      stars.push(<FaStar className="rated" key={i} />);
+    } else {
+      stars.push(<FaStar className="unrated" key={i} />);
+    }
+  }
+
+  return (
+    <div className="review-card">
+      <div className="profile">
+        <div>
+          <p>{Username}</p>
+          <p>{stars}</p>
+        </div>
+      </div>
+      <div>{Review}</div>
+    </div>
+  );
+}
diff --git a/Full Frontend Code repo/src/components/Register/Register.jsx b/Full Frontend Code repo/src/components/Register/Register.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..b1a678689751fac993c6722dd9693d02936752a4
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Register/Register.jsx	
@@ -0,0 +1,191 @@
+import Footer from "../Footer/Footer";
+import Navbar from "../NavBar/NavBar";
+import { website_name } from "../../constants";
+import { Link, useLoaderData } from "react-router-dom";
+import "../../styles/register.scss";
+import { useState } from "react";
+import Notification from "../Notification/Notification";
+
+const btns = [
+  {
+    to: "/login",
+    text: "Login",
+  },
+];
+
+export default function Register() {
+  const { countries } = useLoaderData();
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [firstName, setFirstName] = useState("");
+  const [lastName, setLastName] = useState("");
+  const [location, setLocation] = useState("");
+  const [gender, setGender] = useState("");
+  const [msg, setMsg] = useState("");
+
+  async function handleRegister(e) {
+    e.preventDefault();
+
+    if (
+      !email ||
+      !password ||
+      !firstName ||
+      !lastName ||
+      !location ||
+      !gender
+    ) {
+      return setMsg("All fields are required to register.");
+    }
+
+    const emailRegex =
+      /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
+
+    if (!emailRegex.test(email)) {
+      return setMsg("Please enter a valid email address.");
+    }
+
+    if (password.length < 6) {
+      return setMsg("Password should be atleast 6 characters.");
+    }
+
+    const response = await fetch("http://127.0.0.1:5000/signup", {
+      method: "POST",
+      body: JSON.stringify({
+        first_name: firstName,
+        last_name: lastName,
+        password,
+        email,
+        location,
+        gender,
+      }),
+      headers: {
+        "Content-Type": "application/json",
+      },
+    });
+    const data = await response.json();
+    console.log(data);
+    setMsg(data.message);
+    if (data.session) {
+      sessionStorage.setItem("token", 18286);
+      setTimeout(() => {
+        navigate("/login");
+      }, 2500);
+    }
+  }
+
+  return (
+    <div>
+      <Navbar btns={btns} />
+      <div className="register-page">
+        <h2>
+          <span>{website_name}'s</span> Registration Portal
+        </h2>
+        <div>
+          <div>
+            <label htmlFor="email">Email</label>
+            <input
+              type="email"
+              name="email"
+              id="email"
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+              placeholder="Enter your email here.."
+            />
+          </div>
+          <div>
+            <label htmlFor="firstName">First name</label>
+            <input
+              type="text"
+              name="firstName"
+              id="firstName"
+              value={firstName}
+              onChange={(e) => setFirstName(e.target.value)}
+              placeholder="Enter your first name here.."
+            />
+          </div>
+          <div>
+            <label htmlFor="lastName">Last name</label>
+            <input
+              type="text"
+              name="lastName"
+              id="lastName"
+              value={lastName}
+              onChange={(e) => setLastName(e.target.value)}
+              placeholder="Enter your last name here.."
+            />
+          </div>
+          <div>
+            <label htmlFor="location">Location</label>
+            <select
+              name="location"
+              id="location"
+              value={location}
+              onChange={(e) => setLocation(e.target.value)}
+            >
+              {countries.map((country, i) => {
+                if (country != "Select your country") {
+                  return (
+                    <option key={i} value={country}>
+                      {country}
+                    </option>
+                  );
+                }
+                return (
+                  <option key={i} value="">
+                    {country}
+                  </option>
+                );
+              })}
+            </select>
+          </div>
+          <div>
+            <label htmlFor="gender">Gender</label>
+            <select
+              name="gender"
+              id="gender"
+              value={gender}
+              onChange={(e) => setGender(e.target.value)}
+            >
+              <option value="" selected>
+                Select your gender here
+              </option>
+              <option value="M">Male</option>
+              <option value="F">Female</option>
+            </select>
+          </div>
+          <div>
+            <label htmlFor="password">Password</label>
+            <input
+              type="password"
+              name="password"
+              id="password"
+              value={password}
+              onChange={(e) => setPassword(e.target.value)}
+              placeholder="Enter your password here.."
+            />
+          </div>
+          <p>
+            Are you an existing Customer?{" "}
+            <span>
+              <Link to="/login">Login here</Link>
+            </span>
+          </p>
+          <button onClick={handleRegister}>Register</button>
+          {msg && <Notification msg={msg} setMsg={setMsg} />}
+        </div>
+      </div>
+      <Footer />
+    </div>
+  );
+}
+
+export async function getLocation() {
+  const response = await fetch(
+    "https://gist.githubusercontent.com/kalinchernev/486393efcca01623b18d/raw/daa24c9fea66afb7d68f8d69f0c4b8eeb9406e83/countries"
+  );
+  const data = await response.text();
+  const countriesArray = data
+    .split("\n")
+    .filter((country) => country.trim() !== "");
+  return { countries: ["Select your country", ...countriesArray] };
+}
diff --git a/Full Frontend Code repo/src/components/Shop/Hero.jsx b/Full Frontend Code repo/src/components/Shop/Hero.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..3224825cbd5a69bd2c42a4aafa17f0d50073cea2
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Shop/Hero.jsx	
@@ -0,0 +1,109 @@
+import { website_name } from "../../constants";
+import { Link } from "react-router-dom";
+
+const categories = [
+  {
+    category: "Accessories",
+    img: "/c1.jpg",
+  },
+  {
+    category: "Android",
+    img: "/c2.jpg",
+  },
+  {
+    category: "Apparel",
+    img: "/c3.jpg",
+  },
+  {
+    category: "Backpacks",
+    img: "/c4.jpg",
+  },
+  {
+    category: "Bags",
+    img: "/c5.jpg",
+  },
+  {
+    category: "Bottles",
+    img: "/c6.jpg",
+  },
+  {
+    category: "Drinkware",
+    img: "/c7.jpg",
+  },
+  {
+    category: "Fun",
+    img: "/c8.jpg",
+  },
+  {
+    category: "Gift Cards",
+    img: "/c9.jpg",
+  },
+  {
+    category: "Google",
+    img: "/c10.jpg",
+  },
+  {
+    category: "Headgear",
+    img: "/c11.jpg",
+  },
+  {
+    category: "Housewares",
+    img: "/c12.jpg",
+  },
+  {
+    category: "Lifestyle",
+    img: "/c13.jpg",
+  },
+  {
+    category: "More Bags",
+    img: "/c14.jpg",
+  },
+  {
+    category: "Nest",
+    img: "/c15.jpg",
+  },
+  {
+    category: "Nest-Canada",
+    img: "/c16.jpg",
+  },
+  {
+    category: "Nest-USA",
+    img: "/c17.jpg",
+  },
+  {
+    category: "Notebooks & Journals",
+    img: "/c18.jpg",
+  },
+  {
+    category: "Office",
+    img: "/c19.jpg",
+  },
+  {
+    category: "Waze",
+    img: "/c20.jpg",
+  },
+];
+
+function Hero() {
+  return (
+    <section className="shop-hero">
+      <div className="div1">
+        <h1>
+          <span>{website_name}</span>'s Categories
+        </h1>
+      </div>
+      <div className="category-tab">
+        {categories.map((cat, i) => (
+          <Link to={`/category/${i + 1}`}>
+            <div key={i}>
+              <img src={cat.img} alt={cat.category + " image"} />
+              <p>{cat.category}</p>
+            </div>
+          </Link>
+        ))}
+      </div>
+    </section>
+  );
+}
+
+export default Hero;
diff --git a/Full Frontend Code repo/src/components/Shop/Shop.jsx b/Full Frontend Code repo/src/components/Shop/Shop.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..a14b51066c161280ec5b4c90afe6cb49163e8e73
--- /dev/null
+++ b/Full Frontend Code repo/src/components/Shop/Shop.jsx	
@@ -0,0 +1,18 @@
+import "../../styles/shop.scss";
+import Navbar from "../NavBar/NavBar";
+import Hero from "./Hero";
+import Newsletter from "../Home/Newsletter";
+import Footer from "../Footer/Footer";
+
+function Shop() {
+  return (
+    <main className="shop-component">
+      <Navbar />
+      <Hero />
+      <Newsletter />
+      <Footer />
+    </main>
+  );
+}
+
+export default Shop;
diff --git a/Full Frontend Code repo/src/constants.jsx b/Full Frontend Code repo/src/constants.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..6d19a0441b1b69301ae1565f1d50005375c92368
--- /dev/null
+++ b/Full Frontend Code repo/src/constants.jsx	
@@ -0,0 +1,13 @@
+export const website_name = "Shopify";
+
+// SOCIAL MEDIA LINKS
+export const twitter_handle = "#";
+export const instagram_handle = "#";
+export const linkedin_handle = "#";
+
+// COMPANY
+export const company_address_1 = "1717 Harrison St, San Francisco,";
+export const company_address_2 = "CA 94103, USA";
+export const company_career_page = "#";
+export const company_press_page = "#";
+export const company_email = "example@gmail.com";
diff --git a/Full Frontend Code repo/src/main.jsx b/Full Frontend Code repo/src/main.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..0e25b058e6e0e726e410cca3a667d19e566aa846
--- /dev/null
+++ b/Full Frontend Code repo/src/main.jsx	
@@ -0,0 +1,54 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import "./styles/index.scss";
+
+import {
+  Route,
+  RouterProvider,
+  createBrowserRouter,
+  createRoutesFromElements,
+} from "react-router-dom";
+import { Provider } from "react-redux";
+import store from "./State/Store";
+
+import Home from "./components/Home/Home";
+import Shop from "./components/Shop/Shop";
+import Product, { getProduct } from "./components/Product/Product";
+import Error404 from "./components/Error404/Error404";
+import Cart from "./components/Cart/Cart";
+import About from "./components/About/About";
+import Help from "./components/Help/Help";
+import Login from "./components/Login/Login";
+import Register, { getLocation } from "./components/Register/Register";
+import Dashboard, { getUserDetails } from "./components/Dashboard/Dashboard";
+import { getHeroProducts } from "./components/Home/Hero";
+import Category, { getCategoriesProduct } from "./components/Category/Category";
+
+const router = createBrowserRouter(
+  createRoutesFromElements(
+    <Route path="/" errorElement={<Error404 />}>
+      <Route path="" element={<Home />} loader={getHeroProducts} />
+      <Route path="shop" element={<Shop />} />
+      <Route path="cart" element={<Cart />} />
+      <Route path="about" element={<About />} />
+      <Route path="help" element={<Help />} />
+      <Route path="login" element={<Login />} />
+      <Route path="register" element={<Register />} loader={getLocation} />
+      <Route path="dashboard" element={<Dashboard />} loader={getUserDetails} />
+      <Route path="product/:pid" element={<Product />} loader={getProduct} />
+      <Route
+        path="category/:cid"
+        element={<Category />}
+        loader={getCategoriesProduct}
+      />
+    </Route>
+  )
+);
+
+ReactDOM.createRoot(document.getElementById("root")).render(
+  <React.StrictMode>
+    <Provider store={store}>
+      <RouterProvider router={router} />
+    </Provider>
+  </React.StrictMode>
+);
diff --git a/Full Frontend Code repo/src/styles/_colors.scss b/Full Frontend Code repo/src/styles/_colors.scss
new file mode 100644
index 0000000000000000000000000000000000000000..f23bbb7cfda2125e4213d05fcc6a9a3f40412b52
--- /dev/null
+++ b/Full Frontend Code repo/src/styles/_colors.scss	
@@ -0,0 +1,5 @@
+$main: #000000;
+$c1: #ffffff;
+$c2: #f4ebe8;
+$c: #a20021;
+$shadow: -4px -5px 18px 0px rgba(0, 0, 0, 0.084);
diff --git a/Full Frontend Code repo/src/styles/about.scss b/Full Frontend Code repo/src/styles/about.scss
new file mode 100644
index 0000000000000000000000000000000000000000..575712984ab7db4cef5f4d3b5cbf84d35dabe78c
--- /dev/null
+++ b/Full Frontend Code repo/src/styles/about.scss	
@@ -0,0 +1,34 @@
+@import "./colors";
+@import "./home.scss";
+
+.about-page {
+  @extend .hero-section;
+  width: 60%;
+  margin: 0 auto;
+  > h2 {
+    font-size: 38px;
+    span {
+      color: $c;
+    }
+  }
+  > h3 {
+    font-size: 24px;
+    span {
+      color: $c;
+    }
+  }
+  p {
+    font-size: 18px;
+    span {
+      font-weight: bold;
+      color: $c;
+    }
+  }
+}
+
+@media screen and (max-width: 767px) {
+  .about-page {
+    width: 90%;
+    text-align: center;
+  }
+}
diff --git a/Full Frontend Code repo/src/styles/cart.css b/Full Frontend Code repo/src/styles/cart.css
new file mode 100644
index 0000000000000000000000000000000000000000..4c1e150e56d9d20a30d83f180234bb79fa43e7c8
--- /dev/null
+++ b/Full Frontend Code repo/src/styles/cart.css	
@@ -0,0 +1,16 @@
+:root {
+  --main: #000000;
+  --mainl: #000000;
+  --c1: #ffffff;
+  --c2: #f4ebe8;
+  --c: #a20021;
+}
+
+.shpCartBtns {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  align-items: flex-start;
+  justify-content: flex-start;
+  gap: 20px;
+  width: 300px;
+}
diff --git a/Full Frontend Code repo/src/styles/category.scss b/Full Frontend Code repo/src/styles/category.scss
new file mode 100644
index 0000000000000000000000000000000000000000..b13a2d92318001d629e8d4800bbc91e4a97e28ec
--- /dev/null
+++ b/Full Frontend Code repo/src/styles/category.scss	
@@ -0,0 +1,54 @@
+@import "./colors";
+
+.category-pro-list {
+  padding-top: 70px;
+  min-height: 100vh;
+  width: 60%;
+  margin: 0 auto;
+  > h2 {
+    text-align: center;
+    font-size: 32px;
+    span {
+      color: $c;
+    }
+  }
+  .list {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 15px;
+    margin: 30px 0;
+    min-height: 600px;
+    overflow-y: auto;
+    .product-category-card {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      text-align: center;
+      gap: 20px;
+      width: 90%;
+      img {
+        width: 200px;
+        border-radius: 10px;
+      }
+      > div {
+        p {
+          font-size: 20px;
+          font-weight: bold;
+          color: $c;
+          &:last-of-type {
+            color: $main;
+          }
+        }
+      }
+    }
+  }
+}
+
+@media screen and (max-width: 767px) {
+  .category-pro-list {
+    width: 80%;
+    .list {
+      grid-template-columns: 1fr;
+    }
+  }
+}
diff --git a/Full Frontend Code repo/src/styles/dashboard.scss b/Full Frontend Code repo/src/styles/dashboard.scss
new file mode 100644
index 0000000000000000000000000000000000000000..d9d14f3a1fb8e0667b5668e7aba32c47cdc9ce83
--- /dev/null
+++ b/Full Frontend Code repo/src/styles/dashboard.scss	
@@ -0,0 +1,110 @@
+@import "./colors";
+@import "./login.scss";
+
+.dash-component {
+  padding-top: 70px;
+  min-height: 100vh;
+  width: 60%;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  > div {
+    display: flex;
+    align-items: center;
+    gap: 30px;
+    > img {
+      width: 80px;
+    }
+    > div {
+      > h2 {
+        text-transform: capitalize;
+        font-size: 32px;
+        span {
+          color: $c;
+        }
+      }
+      p {
+        font-size: 14px;
+      }
+    }
+    &:last-of-type {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+    }
+  }
+  > .order-his {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+    align-self: flex-start;
+    h2 {
+      font-size: 28px;
+    }
+    p {
+      font-size: 14px;
+    }
+  }
+}
+
+.popUp-bg {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  backdrop-filter: blur(6px);
+  z-index: 99999;
+  transition: backdrop-filter 1s ease-in-out;
+
+  .popup {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    background-color: $c1;
+    color: $main;
+    padding: 20px;
+    border-radius: 10px;
+    box-shadow: $shadow;
+    width: 30%;
+    margin: 0 auto;
+    > div {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      &:last-of-type {
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+        margin-top: 20px;
+        > div {
+          @include formDiv();
+          width: 100%;
+        }
+        > button {
+          align-self: flex-start;
+          margin-top: 10px;
+        }
+      }
+    }
+  }
+}
+
+@media screen and (max-width: 767px) {
+  .dash-component {
+    > div {
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 10px;
+    }
+  }
+  .popUp-bg {
+    .popup {
+      width: 80%;
+    }
+  }
+}
diff --git a/Full Frontend Code repo/src/styles/error.scss b/Full Frontend Code repo/src/styles/error.scss
new file mode 100644
index 0000000000000000000000000000000000000000..3151213c9f3580827aff72b48d40c2d70a00344e
--- /dev/null
+++ b/Full Frontend Code repo/src/styles/error.scss	
@@ -0,0 +1,35 @@
+@import "./colors";
+
+.errorpage {
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  text-align: center;
+  width: 60%;
+  margin: 0 auto;
+  gap: 10px;
+  img {
+    width: 200px;
+  }
+  p {
+    font-size: 32px;
+    font-weight: bold;
+  }
+  a {
+    color: $c;
+  }
+}
+
+@media screen and (max-width: 767px) {
+  .errorpage {
+    width: 80%;
+    img {
+      width: 150px;
+    }
+    p {
+      font-size: 24px;
+    }
+  }
+}
diff --git a/Full Frontend Code repo/src/styles/footer.scss b/Full Frontend Code repo/src/styles/footer.scss
new file mode 100644
index 0000000000000000000000000000000000000000..150a02fcb81c624ad4f9f9e6a8ecf68b3f39f521
--- /dev/null
+++ b/Full Frontend Code repo/src/styles/footer.scss	
@@ -0,0 +1,42 @@
+@import "./colors";
+
+.footer {
+  background-color: $c;
+  color: $main;
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  align-items: flex-start;
+  justify-content: space-between;
+  padding: 50px;
+  padding-bottom: 0;
+  a {
+    &:hover {
+      color: $c1;
+    }
+  }
+  .fp1 {
+    img {
+      width: 50px;
+    }
+    p {
+      font-weight: bold;
+    }
+  }
+  > div {
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    div {
+      display: flex;
+      flex-direction: column;
+      gap: 5px;
+    }
+  }
+}
+
+@media screen and (max-width: 767px) {
+  .footer {
+    grid-template-columns: repeat(1, 1fr);
+  }
+}
diff --git a/Full Frontend Code repo/src/styles/help.scss b/Full Frontend Code repo/src/styles/help.scss
new file mode 100644
index 0000000000000000000000000000000000000000..215774248960f636e43d2e92a7de045d295ef87f
--- /dev/null
+++ b/Full Frontend Code repo/src/styles/help.scss	
@@ -0,0 +1,32 @@
+@import "./colors";
+@import "./home.scss";
+
+.help {
+  @extend .hero-section;
+  > h2 {
+    font-size: 32px;
+    span {
+      color: $c;
+    }
+  }
+  > p {
+    font-weight: bold;
+    span {
+      color: $c;
+    }
+  }
+  > ul {
+    list-style: none;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+    > li {
+      font-size: 18px;
+      span {
+        color: $c;
+        font-weight: bold;
+      }
+    }
+  }
+}
diff --git a/Full Frontend Code repo/src/styles/home.scss b/Full Frontend Code repo/src/styles/home.scss
new file mode 100644
index 0000000000000000000000000000000000000000..9ba92a9d0fc6b5cb7653269e8d7e9f0db952bc01
--- /dev/null
+++ b/Full Frontend Code repo/src/styles/home.scss	
@@ -0,0 +1,178 @@
+@import "./colors";
+
+.home-component {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+// HERO SECTION
+.hero-section {
+  min-height: 100vh;
+  padding: 30px;
+  padding-top: 100px;
+  display: flex;
+  flex-direction: column;
+  gap: 30px;
+  align-items: center;
+  justify-content: center;
+  > .div1 {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    > h1 {
+      font-size: 43px;
+      span {
+        color: $c;
+      }
+    }
+    > p {
+      font-size: 20px;
+      font-weight: bold;
+
+      span {
+        color: $c;
+      }
+    }
+  }
+
+  > hr {
+    width: 0%;
+    transition: width 0.8s ease-in-out;
+  }
+  > .hr-full {
+    width: 30%;
+  }
+
+  > div {
+    display: flex;
+    align-items: center;
+    gap: 30px;
+    img {
+      width: 350px;
+      border-radius: 10px;
+      transition: transform 0.5s ease-in-out;
+
+      &:hover {
+        transform: scale(1.05);
+      }
+    }
+  }
+
+  button {
+    font-size: 18px;
+    font-weight: bold;
+    padding: 10px 40px;
+  }
+}
+
+// FEATURED SECTION
+.featured-section {
+  > div {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 10px;
+    // svg {
+    //   font-size: 28px;
+    //   cursor: pointer;
+    //   transition: color 0.6s ease-in-out;
+    //   &:hover {
+    //     color: $c;
+    //   }
+    // }
+    > div {
+      display: grid;
+      grid-template-columns: repeat(3, 300px);
+      text-wrap: wrap;
+      align-items: flex-start;
+      gap: 30px;
+      > div {
+        display: flex;
+        flex-direction: column;
+        gap: 5px;
+        text-align: center;
+        p {
+          font-weight: bold;
+          &:first-of-type {
+            color: $c;
+            font-size: 20px;
+            // font-weight: normal;
+          }
+        }
+      }
+      img {
+        width: 250px;
+        border-radius: 10px;
+        transition: transform 0.5s ease-in-out;
+
+        &:hover {
+          transform: scale(1.05);
+        }
+      }
+    }
+  }
+}
+
+// NEWS LETTER
+.newsletter-component {
+  background-color: $c2;
+  padding: 20px;
+  border-radius: 10px;
+  display: flex;
+  flex-direction: column;
+  width: 40%;
+  gap: 10px;
+  margin: 20px auto;
+
+  > button {
+    max-width: max-content;
+    padding: 10px 40px;
+  }
+}
+
+@media screen and (max-width: 767px) {
+  .hero-section {
+    > .div1 {
+      > h1 {
+        font-size: 32px;
+      }
+      > p {
+        font-size: 16px;
+      }
+    }
+    > div {
+      flex-direction: column;
+      // max-height: 400px;
+      // overflow-x: hidden;
+      // overflow-y: scroll;
+
+      img {
+        width: 250px;
+      }
+    }
+    > .hr-full {
+      width: 60%;
+    }
+  }
+
+  .featured-section {
+    h2 {
+      font-size: 24px;
+    }
+    > div {
+      > div {
+        grid-template-columns: 1fr;
+        img {
+          width: 250px;
+        }
+      }
+    }
+  }
+
+  .newsletter-component {
+    grid-template-columns: 1fr;
+    width: 90%;
+    gap: 15px;
+  }
+}
diff --git a/Full Frontend Code repo/src/styles/index.scss b/Full Frontend Code repo/src/styles/index.scss
new file mode 100644
index 0000000000000000000000000000000000000000..df0d6d2a23432d9006792a50aede79eb9c46eedd
--- /dev/null
+++ b/Full Frontend Code repo/src/styles/index.scss	
@@ -0,0 +1,67 @@
+@import "./colors";
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
+
+* {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+  font-family: "Poppins", sans-serif;
+}
+
+body {
+  background-color: $c1;
+  color: $main;
+}
+
+::-webkit-scrollbar {
+  display: none;
+}
+
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: $c;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: $c;
+}
+
+::-webkit-scrollbar-thumb:active {
+  background-color: $c;
+}
+
+::-webkit-scrollbar-corner {
+  background-color: $c;
+}
+
+::-webkit-scrollbar {
+  width: 5px;
+  display: block;
+}
+
+a {
+  text-decoration: none;
+  color: $main;
+}
+
+button {
+  padding: 5px 15px;
+  background-color: $c;
+  color: $c1;
+  cursor: pointer;
+  text-align: center;
+  transition: transform 0.7s ease-in-out;
+  outline: none;
+  border: none;
+  border-radius: 5px;
+}
+
+button:hover {
+  transform: scale(1.04);
+}
+button:active {
+  transform: scale(0.8);
+}
diff --git a/Full Frontend Code repo/src/styles/login.scss b/Full Frontend Code repo/src/styles/login.scss
new file mode 100644
index 0000000000000000000000000000000000000000..9192eca8fedfe0954128247b30756507e9312cdf
--- /dev/null
+++ b/Full Frontend Code repo/src/styles/login.scss	
@@ -0,0 +1,71 @@
+@import "./colors";
+
+@mixin formDiv() {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  label {
+    font-weight: bold;
+    color: $c;
+  }
+  input,
+  select {
+    width: 100%;
+    padding: 10px;
+    border-radius: 10px;
+    border: none;
+    outline: none;
+    border: solid 1px $main;
+  }
+}
+
+.login-page {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  align-items: center;
+  justify-content: center;
+  width: 60%;
+  min-height: 100vh;
+  margin: 0 auto;
+  h2 {
+    font-size: 38px;
+    span {
+      color: $c;
+    }
+  }
+  > div {
+    width: 50%;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+    > div {
+      @include formDiv();
+    }
+    p {
+      font-size: 14px;
+      a {
+        font-weight: bold;
+        color: $c;
+      }
+    }
+    button {
+      padding: 5px 25px;
+      max-width: max-content;
+    }
+  }
+}
+
+@media screen and (max-width: 767px) {
+  .login-page {
+    width: 90%;
+    h2 {
+      text-align: center;
+      font-size: 24px;
+    }
+    > div {
+      width: 90%;
+    }
+  }
+}
diff --git a/Full Frontend Code repo/src/styles/navbar.scss b/Full Frontend Code repo/src/styles/navbar.scss
new file mode 100644
index 0000000000000000000000000000000000000000..45622e75e3e6555073cb7a27079bae2add1770bf
--- /dev/null
+++ b/Full Frontend Code repo/src/styles/navbar.scss	
@@ -0,0 +1,111 @@
+@import "./colors";
+
+.nav-bar-component {
+  z-index: 9999;
+  display: flex;
+  position: fixed;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 20px;
+  width: 100%;
+  background-color: $c1;
+  box-shadow: 15px -17px 9px 11px black;
+
+  .menu-bar-btn {
+    font-size: 20px;
+    transition: color 0.6s ease-in-out;
+    cursor: pointer;
+    display: none;
+    &:hover {
+      color: $c;
+    }
+  }
+
+  > .web-name {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+
+    p {
+      font-weight: bold;
+    }
+    > img {
+      width: 30px;
+    }
+  }
+
+  > .links {
+    background-color: $c1;
+
+    .close-bar-btn {
+      position: absolute;
+      top: 50px;
+      left: 50px;
+      display: none;
+    }
+    display: flex;
+    align-items: center;
+    gap: 25px;
+    transition: width 0.7s ease-in-out;
+
+    > a {
+      display: block;
+      padding: 0 10px;
+      border-right: solid 1px $main;
+      cursor: pointer;
+      white-space: nowrap;
+      &:last-of-type {
+        border-right: none;
+      }
+    }
+    > .btns {
+      display: flex;
+      align-items: center;
+      gap: 5px;
+      > button {
+        white-space: nowrap;
+      }
+    }
+  }
+  .btns {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+  }
+}
+
+@media screen and (max-width: 767px) {
+  .nav-bar-component {
+    > .links {
+      > .close-bar-btn {
+        display: block;
+      }
+      // display: none;
+      position: fixed;
+      top: 0;
+      bottom: 0;
+      right: 0;
+      z-index: 9999;
+      width: 0;
+      right: -100px;
+      flex-direction: column;
+      background-color: $c1;
+      align-items: center;
+      justify-content: center;
+      > a {
+        border-right: none;
+      }
+    }
+    .btns {
+      flex-direction: column;
+    }
+    > .links.open {
+      width: 80%;
+      right: 0;
+    }
+    > .menu-bar-btn {
+      display: block;
+    }
+  }
+}
diff --git a/Full Frontend Code repo/src/styles/notification.scss b/Full Frontend Code repo/src/styles/notification.scss
new file mode 100644
index 0000000000000000000000000000000000000000..68386664007574fd69d88a58fce2a51fddb00788
--- /dev/null
+++ b/Full Frontend Code repo/src/styles/notification.scss	
@@ -0,0 +1,45 @@
+@import "./colors";
+
+.notification {
+  position: fixed;
+  top: 20px;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: $c1;
+  color: $main;
+  box-shadow: $shadow;
+  padding: 10px 20px;
+  border-radius: 5px;
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  z-index: 9999999;
+
+  .message {
+    font-size: 16px;
+  }
+
+  .line {
+    width: 100%;
+    height: 2px;
+    background-color: $c;
+    animation: decreaseWidth 5s linear forwards;
+  }
+}
+
+@keyframes decreaseWidth {
+  0% {
+    width: 100%;
+  }
+  100% {
+    width: 0;
+  }
+}
+
+@media screen and (max-width: 767px) {
+  .notification {
+    width: 90%;
+    font-size: 14px;
+    text-wrap: wrap;
+  }
+}
diff --git a/Full Frontend Code repo/src/styles/product.scss b/Full Frontend Code repo/src/styles/product.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e3cad524386bcabec184a686ee5bd44a8a6b47b5
--- /dev/null
+++ b/Full Frontend Code repo/src/styles/product.scss	
@@ -0,0 +1,129 @@
+@import "./colors";
+@import "./home.scss";
+
+.product-component-main {
+  @extend .hero-section;
+  width: 70%;
+  margin: 0 auto;
+
+  .product-card-component {
+    > .img-part {
+      > img {
+        width: 250px;
+        margin-bottom: 20px;
+      }
+      > div {
+        display: flex;
+        align-items: flex-start;
+        justify-content: center;
+        gap: 20px;
+        > img {
+          width: 100px;
+        }
+      }
+    }
+    > .pro-detail {
+      padding: 20px;
+      display: flex;
+      flex-direction: column;
+      gap: 15px;
+
+      > div {
+        h2 {
+          font-size: 24px;
+          color: $c;
+        }
+        .rated {
+          color: $c;
+        }
+        .unrated {
+          color: $main;
+        }
+        > div {
+          > p {
+            font-size: 14px;
+          }
+        }
+      }
+      .price {
+        font-size: 26px;
+        font-weight: bold;
+      }
+      > button {
+        font-size: 18px;
+        max-width: max-content;
+      }
+    }
+  }
+}
+
+.reviews-component {
+  margin: 20px auto;
+  width: 70%;
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+  > h2 {
+    text-align: center;
+    font-size: 24px;
+    span {
+      color: $c;
+    }
+  }
+  > .noReview {
+    text-align: center;
+    font-size: 14px;
+  }
+  > div {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    max-height: 250px;
+    overflow: auto;
+
+    > .review-card {
+      display: flex;
+      flex-direction: column;
+      gap: 5px;
+      margin-right: 15px;
+      background-color: $c2;
+      padding: 10px;
+      border-radius: 10px;
+
+      > .profile {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        > div {
+          > p {
+            font-size: 14px;
+            &:first-of-type {
+              font-weight: bold;
+              font-size: 18px;
+            }
+          }
+          .rated,
+          .unrated {
+            font-size: 12px;
+          }
+          .rated {
+            color: $c;
+          }
+        }
+      }
+    }
+  }
+}
+
+@media screen and (max-width: 767px) {
+  .product-component-main {
+    width: 95%;
+    .product-card-component {
+      > .img-part {
+        > img {
+          width: 100%;
+        }
+      }
+    }
+  }
+}
diff --git a/Full Frontend Code repo/src/styles/register.scss b/Full Frontend Code repo/src/styles/register.scss
new file mode 100644
index 0000000000000000000000000000000000000000..f7c05becd7a46ebb46e95c95bbf74b3f74aedc69
--- /dev/null
+++ b/Full Frontend Code repo/src/styles/register.scss	
@@ -0,0 +1,8 @@
+@import "./colors";
+@import "./login.scss";
+
+.register-page {
+  @extend .login-page;
+  padding: 60px 0;
+  padding-top: 70px;
+}
diff --git a/Full Frontend Code repo/src/styles/shop.scss b/Full Frontend Code repo/src/styles/shop.scss
new file mode 100644
index 0000000000000000000000000000000000000000..403ba7a5f0e1bf8e4aa0ba66192e0e382105a3aa
--- /dev/null
+++ b/Full Frontend Code repo/src/styles/shop.scss	
@@ -0,0 +1,221 @@
+@import "./colors";
+@import "./home.scss";
+
+.shop-component {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+
+  .shop-hero {
+    @extend .hero-section;
+    justify-content: flex-start;
+    min-height: max-content;
+
+    > .form {
+      width: 100%;
+      // margin: 0 auto;
+      display: flex;
+      // align-items: flex-start;
+      justify-content: flex-end;
+      gap: 10px;
+
+      > input {
+        padding: 10px;
+        border-radius: 5px;
+        outline: none;
+        border: solid 2px $c;
+        width: 25%;
+      }
+
+      > button {
+        font-size: 18px;
+        padding: 10px 20px;
+      }
+    }
+    > .category-tab {
+      display: grid;
+      grid-template-columns: repeat(5, 1fr);
+      gap: 10px;
+      width: 80%;
+      margin: 0 auto;
+      padding: 10px 0;
+      padding-top: 0;
+      margin-top: 30px;
+      &::-webkit-scrollbar {
+        // width: 5px;
+        height: 5px;
+        display: block;
+      }
+      div {
+        text-wrap: nowrap;
+        border-radius: 10px;
+        cursor: pointer;
+        transition: transform 0.4s ease-in-out;
+        font-weight: bold;
+        > img {
+          width: 200px;
+        }
+        p {
+          text-align: center;
+        }
+
+        &:hover {
+          transform: scale(1.06);
+        }
+      }
+    }
+  }
+
+  .prouduct-list-component {
+    > h2 {
+      text-align: center;
+      font-size: 32px;
+      span {
+        color: $c;
+      }
+    }
+    > div {
+      padding: 10px;
+      width: 80%;
+      margin: 20px auto;
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      min-height: 200px;
+      max-height: 500px;
+      overflow: auto;
+      gap: 15px;
+
+      .rated {
+        color: $c;
+      }
+      .unrated {
+        color: $main;
+      }
+    }
+  }
+
+  .productCard {
+    display: flex;
+    align-items: flex-start;
+    gap: 20px;
+    h2 {
+      font-size: 16px;
+      color: $c;
+    }
+    svg,
+    p {
+      font-weight: bold;
+      font-size: 14px;
+    }
+    img {
+      width: 200px;
+      border-radius: 5px;
+      transition: transform 0.6s ease-in-out;
+      &:hover {
+        transform: scale(1.05);
+      }
+    }
+  }
+}
+
+.featured-category-section {
+  width: 80%;
+  margin: 20px auto;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+
+  > h2 {
+    font-size: 32px;
+
+    span {
+      color: $c;
+    }
+  }
+  > div {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 20px;
+  }
+  button {
+    max-width: max-content;
+    align-self: center;
+  }
+}
+
+.featuredCategoryCard {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  img {
+    width: 200px;
+    border-radius: 5px;
+    transition: transform 0.6s ease-in-out;
+    &:hover {
+      transform: scale(1.05);
+    }
+  }
+  > h2 {
+    color: $c;
+    font-size: 15px;
+  }
+}
+
+@media screen and (max-width: 767px) {
+  .shop-component {
+    .shop-hero {
+      @extend .hero-section;
+      text-align: center;
+      padding-top: 80px;
+      > .category-tab {
+        grid-template-columns: repeat(1, 1fr);
+        width: 90%;
+      }
+
+      > .form {
+        width: 80%;
+
+        > input {
+          width: 100%;
+        }
+      }
+    }
+    .prouduct-list-component {
+      > h2 {
+        font-size: 24px;
+      }
+      > div {
+        width: 80%;
+        grid-template-columns: repeat(1, 1fr);
+        .rated {
+          color: $c;
+        }
+        .unrated {
+          color: $main;
+        }
+      }
+    }
+
+    .productCard {
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 10px;
+      img {
+        width: 100%;
+      }
+    }
+  }
+
+  .featured-category-section {
+    > div {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-direction: column;
+      gap: 20px;
+    }
+  }
+}
diff --git a/Full Frontend Code repo/vite.config.js b/Full Frontend Code repo/vite.config.js
new file mode 100644
index 0000000000000000000000000000000000000000..5a33944a9b41b59a9cf06ee4bb5586c77510f06b
--- /dev/null
+++ b/Full Frontend Code repo/vite.config.js	
@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+})