From a28a158bc5943e176befaf3d92f6359f4cbf7ec8 Mon Sep 17 00:00:00 2001
From: Joywin Bennis <107112207+joywin2003@users.noreply.github.com>
Date: Mon, 15 Apr 2024 22:30:43 +0530
Subject: [PATCH 01/37] razorpay added: popup

---
 package-lock.json                      | 1509 +++++++++++++++++++++++-
 package.json                           |    8 +-
 src/app/api/razorpay/route.ts          |   40 +
 src/app/layout.tsx                     |    2 +
 src/app/page.tsx                       |    3 +
 src/components/razorpay/Buy.tsx        |   37 +
 src/components/razorpay/BuyProduct.tsx |   55 +
 src/lib/helpers.ts                     |  116 ++
 8 files changed, 1747 insertions(+), 23 deletions(-)
 create mode 100644 src/app/api/razorpay/route.ts
 create mode 100644 src/components/razorpay/Buy.tsx
 create mode 100644 src/components/razorpay/BuyProduct.tsx
 create mode 100644 src/lib/helpers.ts

diff --git a/package-lock.json b/package-lock.json
index c6875de..a238d5a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "name": "tiara2024",
       "version": "0.1.0",
       "dependencies": {
+        "@ant-design/icons": "^5.3.6",
         "@auth/prisma-adapter": "^1.6.0",
         "@gsap/react": "^2.1.0",
         "@prisma/client": "^5.12.1",
@@ -22,20 +23,24 @@
         "@studio-freight/react-lenis": "^0.0.46",
         "@tailwindcss/nesting": "^0.0.0-insiders.565cd3e",
         "@udecode/cn": "^31.0.0",
+        "antd": "^5.16.1",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.1.0",
         "embla-carousel-react": "^8.0.2",
         "framer-motion": "^11.0.22",
+        "gantt-task-react": "^0.3.9",
         "glob": "^10.3.10",
         "gsap": "^3.12.5",
         "lucide-react": "^0.363.0",
         "maath": "^0.10.7",
         "next": "^14.1.4",
         "next-auth": "^5.0.0-beta.16",
+        "razorpay": "^2.9.2",
         "react": "^18",
         "react-dom": "^18",
         "react-intersection-observer": "^9.8.1",
         "sharp": "^0.33.3",
+        "shortid": "^2.2.16",
         "tailwind-merge": "^2.2.2",
         "tailwindcss-animate": "^1.0.7",
         "three": "^0.163.0"
@@ -43,8 +48,9 @@
       "devDependencies": {
         "@faker-js/faker": "^8.4.1",
         "@types/node": "^20",
-        "@types/react": "^18",
+        "@types/react": "^18.2.76",
         "@types/react-dom": "^18",
+        "@types/shortid": "^0.0.32",
         "autoprefixer": "^10.0.1",
         "eslint": "^8",
         "eslint-config-next": "14.1.4",
@@ -76,6 +82,71 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@ant-design/colors": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-7.0.2.tgz",
+      "integrity": "sha512-7KJkhTiPiLHSu+LmMJnehfJ6242OCxSlR3xHVBecYxnMW8MS/878NXct1GqYARyL59fyeFdKRxXTfvR9SnDgJg==",
+      "dependencies": {
+        "@ctrl/tinycolor": "^3.6.1"
+      }
+    },
+    "node_modules/@ant-design/cssinjs": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/@ant-design/cssinjs/-/cssinjs-1.19.1.tgz",
+      "integrity": "sha512-hgQ3wiys3X0sqDKWkqCJ6EYdF79i9JCvtavmIGwuuPUKmoJXV8Ff0sY+yQQSxk2dRmMyam/bYKo/Bwor45hnZw==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "@emotion/hash": "^0.8.0",
+        "@emotion/unitless": "^0.7.5",
+        "classnames": "^2.3.1",
+        "csstype": "^3.1.3",
+        "rc-util": "^5.35.0",
+        "stylis": "^4.0.13"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/@ant-design/icons": {
+      "version": "5.3.6",
+      "resolved": "https://registry.npmjs.org/@ant-design/icons/-/icons-5.3.6.tgz",
+      "integrity": "sha512-JeWsgNjvkTTC73YDPgWOgdScRku/iHN9JU0qk39OSEmJSCiRghQMLlxGTCY5ovbRRoXjxHXnUKgQEgBDnQfKmA==",
+      "dependencies": {
+        "@ant-design/colors": "^7.0.0",
+        "@ant-design/icons-svg": "^4.4.0",
+        "@babel/runtime": "^7.11.2",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.31.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/@ant-design/icons-svg": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/@ant-design/icons-svg/-/icons-svg-4.4.2.tgz",
+      "integrity": "sha512-vHbT+zJEVzllwP+CM+ul7reTEfBR0vgxFe7+lREAsAA7YGsYpboiq2sQNeQeRvh09GfQgs/GyFEvZpJ9cLXpXA=="
+    },
+    "node_modules/@ant-design/react-slick": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@ant-design/react-slick/-/react-slick-1.1.2.tgz",
+      "integrity": "sha512-EzlvzE6xQUBrZuuhSAFTdsr4P2bBBHGZwKFemEfq8gIGyIQCxalYfZW/T2ORbtQx5rU69o+WycP3exY/7T1hGA==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.4",
+        "classnames": "^2.2.5",
+        "json2mq": "^0.2.0",
+        "resize-observer-polyfill": "^1.5.1",
+        "throttle-debounce": "^5.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0"
+      }
+    },
     "node_modules/@auth/core": {
       "version": "0.29.0",
       "resolved": "https://registry.npmjs.org/@auth/core/-/core-0.29.0.tgz",
@@ -118,9 +189,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.24.1",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.1.tgz",
-      "integrity": "sha512-+BIznRzyqBf+2wCTxcKE3wDjfGeCoVE61KSHGpkzqrLi8qxqFwBeUFyId2cxkTmm55fzDGnm0+yCxaxygrLUnQ==",
+      "version": "7.24.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.4.tgz",
+      "integrity": "sha512-dkxf7+hn8mFBwKjs9bvBlArzLVxVbS8usaPUDd5p2a9JCL9tB8OaOVN1isD4+Xyk4ns89/xeOmbQvgdK7IIVdA==",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -194,6 +265,14 @@
         "postcss-selector-parser": "^6.0.13"
       }
     },
+    "node_modules/@ctrl/tinycolor": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz",
+      "integrity": "sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/@emnapi/runtime": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.1.1.tgz",
@@ -203,6 +282,16 @@
         "tslib": "^2.4.0"
       }
     },
+    "node_modules/@emotion/hash": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
+      "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
+      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
+    },
     "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",
@@ -1642,6 +1731,118 @@
         }
       }
     },
+    "node_modules/@rc-component/color-picker": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/@rc-component/color-picker/-/color-picker-1.5.3.tgz",
+      "integrity": "sha512-+tGGH3nLmYXTalVe0L8hSZNs73VTP5ueSHwUlDC77KKRaN7G4DS4wcpG5DTDzdcV/Yas+rzA6UGgIyzd8fS4cw==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.6",
+        "@ctrl/tinycolor": "^3.6.1",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.38.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/context": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/context/-/context-1.4.0.tgz",
+      "integrity": "sha512-kFcNxg9oLRMoL3qki0OMxK+7g5mypjgaaJp/pkOis/6rVxma9nJBF/8kCIuTYHUQNr0ii7MxqE33wirPZLJQ2w==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/mini-decimal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/mini-decimal/-/mini-decimal-1.1.0.tgz",
+      "integrity": "sha512-jS4E7T9Li2GuYwI6PyiVXmxTiM6b07rlD9Ge8uGZSCz3WlzcG5ZK7g5bbuKNeZ9pgUuPK/5guV781ujdVpm4HQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      }
+    },
+    "node_modules/@rc-component/mutate-observer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/mutate-observer/-/mutate-observer-1.1.0.tgz",
+      "integrity": "sha512-QjrOsDXQusNwGZPf4/qRQasg7UFEj06XiCJ8iuiq/Io7CrHrgVi6Uuetw60WAMG1799v+aM8kyc+1L/GBbHSlw==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/portal": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@rc-component/portal/-/portal-1.1.2.tgz",
+      "integrity": "sha512-6f813C0IsasTZms08kfA8kPAGxbbkYToa8ALaiDIGGECU4i9hj8Plgbx0sNJDrey3EtHO30hmdaxtT0138xZcg==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/tour": {
+      "version": "1.14.2",
+      "resolved": "https://registry.npmjs.org/@rc-component/tour/-/tour-1.14.2.tgz",
+      "integrity": "sha512-A75DZ8LVvahBIvxooj3Gvf2sxe+CGOkmzPNX7ek0i0AJHyKZ1HXe5ieIGo3m0FMdZfVOlbCJ952Duq8VKAHk6g==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "@rc-component/portal": "^1.0.0-9",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/trigger": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@rc-component/trigger/-/trigger-2.1.1.tgz",
+      "integrity": "sha512-UjHkedkgtEcgQu87w1VuWug1idoDJV7VUt0swxHXRcmei2uu1AuUzGBPEUlmOmXGJ+YtTgZfVLi7kuAUKoZTMA==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2",
+        "@rc-component/portal": "^1.1.0",
+        "classnames": "^2.3.2",
+        "rc-motion": "^2.0.0",
+        "rc-resize-observer": "^1.3.1",
+        "rc-util": "^5.38.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
     "node_modules/@react-spring/animated": {
       "version": "9.6.1",
       "resolved": "https://registry.npmjs.org/@react-spring/animated/-/animated-9.6.1.tgz",
@@ -1951,6 +2152,16 @@
       "resolved": "https://registry.npmjs.org/@tweenjs/tween.js/-/tween.js-23.1.1.tgz",
       "integrity": "sha512-ZpboH7pCPPeyBWKf8c7TJswtCEQObFo3bOBYalm99NzZarATALYCo5OhbCa/n4RQyJyHfhkdx+hNrdL5ByFYDw=="
     },
+    "node_modules/@types/bluebird": {
+      "version": "3.5.42",
+      "resolved": "https://registry.npmjs.org/@types/bluebird/-/bluebird-3.5.42.tgz",
+      "integrity": "sha512-Jhy+MWRlro6UjVi578V/4ZGNfeCOcNCp0YaFNIUGFKlImowqwb1O/22wDVk3FDGMLqxdpOV3qQHD5fPEH4hK6A=="
+    },
+    "node_modules/@types/caseless": {
+      "version": "0.12.5",
+      "resolved": "https://registry.npmjs.org/@types/caseless/-/caseless-0.12.5.tgz",
+      "integrity": "sha512-hWtVTC2q7hc7xZ/RLbxapMvDMgUnDvKvMOpKal4DrMyfGBUfB1oKaZlIRr6mJL+If3bAP6sV/QneGzF6tJjZDg=="
+    },
     "node_modules/@types/cookie": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz",
@@ -1971,7 +2182,6 @@
       "version": "20.11.30",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.30.tgz",
       "integrity": "sha512-dHM6ZxwlmuZaRmUPfv1p+KrdD1Dci04FbdEm/9wEMouFqxYoFl5aMkt0VMAUtYRQDyYvD41WJLukhq/ha3YuTw==",
-      "devOptional": true,
       "dependencies": {
         "undici-types": "~5.26.4"
       }
@@ -1987,9 +2197,9 @@
       "integrity": "sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q=="
     },
     "node_modules/@types/react": {
-      "version": "18.2.72",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.72.tgz",
-      "integrity": "sha512-/e7GWxGzXQF7OJAua7UAYqYi/4VpXEfbGtmYQcAQwP3SjjjAXfybTf/JK5S+SaetB/ChXl8Y2g1hCsj7jDXxcg==",
+      "version": "18.2.76",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.76.tgz",
+      "integrity": "sha512-T6z/v7YxpswDM61Vq5KoSPTJqCkroJfsDIsvXCr4+qOY6gik5Ju4w0jf67cpC5z7ydOnp/E0V0W08pDRy8u9Xw==",
       "dependencies": {
         "@types/prop-types": "*",
         "csstype": "^3.0.2"
@@ -2012,6 +2222,32 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/request": {
+      "version": "2.48.12",
+      "resolved": "https://registry.npmjs.org/@types/request/-/request-2.48.12.tgz",
+      "integrity": "sha512-G3sY+NpsA9jnwm0ixhAFQSJ3Q9JkpLZpJbI3GMv0mIAT0y3mRabYeINzal5WOChIiaTEGQYlHOKgkaM9EisWHw==",
+      "dependencies": {
+        "@types/caseless": "*",
+        "@types/node": "*",
+        "@types/tough-cookie": "*",
+        "form-data": "^2.5.0"
+      }
+    },
+    "node_modules/@types/request-promise": {
+      "version": "4.1.51",
+      "resolved": "https://registry.npmjs.org/@types/request-promise/-/request-promise-4.1.51.tgz",
+      "integrity": "sha512-qVcP9Fuzh9oaAh8oPxiSoWMFGnWKkJDknnij66vi09Yiy62bsSDqtd+fG5kIM9wLLgZsRP3Y6acqj9O/v2ZtRw==",
+      "dependencies": {
+        "@types/bluebird": "*",
+        "@types/request": "*"
+      }
+    },
+    "node_modules/@types/shortid": {
+      "version": "0.0.32",
+      "resolved": "https://registry.npmjs.org/@types/shortid/-/shortid-0.0.32.tgz",
+      "integrity": "sha512-LwWF89yy6Ol8abraYbVedIKzMlgJCTx8zm40yx9t0ZPOJaVR0OmSO4zRRAKfyOJtCwZrEBmhueZX8OiNbQydYw==",
+      "dev": true
+    },
     "node_modules/@types/stats.js": {
       "version": "0.17.3",
       "resolved": "https://registry.npmjs.org/@types/stats.js/-/stats.js-0.17.3.tgz",
@@ -2029,6 +2265,11 @@
         "meshoptimizer": "~0.18.1"
       }
     },
+    "node_modules/@types/tough-cookie": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.5.tgz",
+      "integrity": "sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA=="
+    },
     "node_modules/@types/webxr": {
       "version": "0.5.14",
       "resolved": "https://registry.npmjs.org/@types/webxr/-/webxr-0.5.14.tgz",
@@ -2258,7 +2499,6 @@
       "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",
@@ -2292,6 +2532,69 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/antd": {
+      "version": "5.16.1",
+      "resolved": "https://registry.npmjs.org/antd/-/antd-5.16.1.tgz",
+      "integrity": "sha512-XAlLRrgYV+nj9FHnkXEPS6HNcKcluEa8v44e7Cixjlp8aOXRhUI6IfZaKpc2MPGjQ+06rp62/dsxOUNJW9kfLA==",
+      "dependencies": {
+        "@ant-design/colors": "^7.0.2",
+        "@ant-design/cssinjs": "^1.18.5",
+        "@ant-design/icons": "^5.3.6",
+        "@ant-design/react-slick": "~1.1.2",
+        "@babel/runtime": "^7.24.4",
+        "@ctrl/tinycolor": "^3.6.1",
+        "@rc-component/color-picker": "~1.5.3",
+        "@rc-component/mutate-observer": "^1.1.0",
+        "@rc-component/tour": "~1.14.2",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.5.1",
+        "copy-to-clipboard": "^3.3.3",
+        "dayjs": "^1.11.10",
+        "qrcode.react": "^3.1.0",
+        "rc-cascader": "~3.24.0",
+        "rc-checkbox": "~3.2.0",
+        "rc-collapse": "~3.7.3",
+        "rc-dialog": "~9.4.0",
+        "rc-drawer": "~7.1.0",
+        "rc-dropdown": "~4.2.0",
+        "rc-field-form": "~1.44.0",
+        "rc-image": "~7.6.0",
+        "rc-input": "~1.4.5",
+        "rc-input-number": "~9.0.0",
+        "rc-mentions": "~2.11.1",
+        "rc-menu": "~9.13.0",
+        "rc-motion": "^2.9.0",
+        "rc-notification": "~5.4.0",
+        "rc-pagination": "~4.0.4",
+        "rc-picker": "~4.3.0",
+        "rc-progress": "~4.0.0",
+        "rc-rate": "~2.12.0",
+        "rc-resize-observer": "^1.4.0",
+        "rc-segmented": "~2.3.0",
+        "rc-select": "~14.13.0",
+        "rc-slider": "~10.5.0",
+        "rc-steps": "~6.0.1",
+        "rc-switch": "~4.1.0",
+        "rc-table": "~7.45.4",
+        "rc-tabs": "~14.1.1",
+        "rc-textarea": "~1.6.3",
+        "rc-tooltip": "~6.2.0",
+        "rc-tree": "~5.8.5",
+        "rc-tree-select": "~5.19.0",
+        "rc-upload": "~4.5.2",
+        "rc-util": "^5.39.1",
+        "scroll-into-view-if-needed": "^3.1.0",
+        "throttle-debounce": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/ant-design"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
     "node_modules/any-promise": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
@@ -2376,6 +2679,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/array-tree-filter": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-tree-filter/-/array-tree-filter-2.1.0.tgz",
+      "integrity": "sha512-4ROwICNlNw/Hqa9v+rk5h22KjmzB1JGTMVKP2AKJBOCgb0yL0ASf0+YvCcLNNwquOHNX48jkeZIJ3a+oOQqKcw=="
+    },
     "node_modules/array-union": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
@@ -2508,12 +2816,43 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/asap": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+      "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA=="
+    },
+    "node_modules/asn1": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz",
+      "integrity": "sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==",
+      "dependencies": {
+        "safer-buffer": "~2.1.0"
+      }
+    },
+    "node_modules/assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/ast-types-flow": {
       "version": "0.0.8",
       "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
       "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
       "dev": true
     },
+    "node_modules/async-validator": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz",
+      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg=="
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
     "node_modules/autoprefixer": {
       "version": "10.4.19",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.19.tgz",
@@ -2566,6 +2905,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/aws-sign2": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
+      "integrity": "sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/aws4": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.12.0.tgz",
+      "integrity": "sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg=="
+    },
     "node_modules/axe-core": {
       "version": "4.7.0",
       "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.7.0.tgz",
@@ -2608,6 +2960,14 @@
         }
       ]
     },
+    "node_modules/bcrypt-pbkdf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
+      "integrity": "sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==",
+      "dependencies": {
+        "tweetnacl": "^0.14.3"
+      }
+    },
     "node_modules/bidi-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.0.3.tgz",
@@ -2627,6 +2987,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/bluebird": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
+      "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg=="
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -2777,6 +3142,11 @@
         }
       ]
     },
+    "node_modules/caseless": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
+      "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw=="
+    },
     "node_modules/chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -2846,6 +3216,11 @@
         "node": ">=6"
       }
     },
+    "node_modules/classnames": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
+      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow=="
+    },
     "node_modules/client-only": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
@@ -2896,6 +3271,17 @@
         "simple-swizzle": "^0.2.2"
       }
     },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/commander": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
@@ -2904,6 +3290,11 @@
         "node": ">= 6"
       }
     },
+    "node_modules/compute-scroll-into-view": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-3.1.0.tgz",
+      "integrity": "sha512-rj8l8pD4bJ1nx+dAkMhV1xB5RuZEyVysfxJqB1pRchh1KVvwOv9b7CGB8ZfjTImVv2oF+sYMUkMZq6Na5Ftmbg=="
+    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -2918,6 +3309,19 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/copy-to-clipboard": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
+      "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==",
+      "dependencies": {
+        "toggle-selection": "^1.0.6"
+      }
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+      "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ=="
+    },
     "node_modules/create-require": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
@@ -2976,6 +3380,17 @@
       "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
       "dev": true
     },
+    "node_modules/dashdash": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
+      "integrity": "sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==",
+      "dependencies": {
+        "assert-plus": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/data-view-buffer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
@@ -3027,6 +3442,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/dayjs": {
+      "version": "1.11.10",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz",
+      "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ=="
+    },
     "node_modules/debounce": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/debounce/-/debounce-1.2.1.tgz",
@@ -3089,6 +3509,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/dequal": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
@@ -3172,6 +3600,15 @@
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
       "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
     },
+    "node_modules/ecc-jsbn": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
+      "integrity": "sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==",
+      "dependencies": {
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.1.0"
+      }
+    },
     "node_modules/electron-to-chromium": {
       "version": "1.4.717",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.717.tgz",
@@ -3812,11 +4249,23 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+    },
+    "node_modules/extsprintf": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
+      "integrity": "sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==",
+      "engines": [
+        "node >=0.6.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
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
     },
     "node_modules/fast-glob": {
       "version": "3.3.2",
@@ -3847,8 +4296,7 @@
     "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
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
     },
     "node_modules/fast-levenshtein": {
       "version": "2.0.6",
@@ -3952,6 +4400,27 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/forever-agent": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
+      "integrity": "sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/form-data": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.5.1.tgz",
+      "integrity": "sha512-m21N3WOmEEURgk6B9GLOE4RuWOFf28Lhh9qGYeNlGq4VDXUlJy2th2slBNU8Gp8EzloYZOibZJ7t5ecIrFSjVA==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.6",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 0.12"
+      }
+    },
     "node_modules/fraction.js": {
       "version": "4.3.7",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
@@ -4043,6 +4512,17 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/gantt-task-react": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/gantt-task-react/-/gantt-task-react-0.3.9.tgz",
+      "integrity": "sha512-ged2OGrAJJ+ATrfVVkd4/8cUu4jOu1mXi0NaBeKx4uoGP6YhyryL+Snr2OY48AXdFelUAg7BbqylSej9X6PCCQ==",
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "react": "^18.0.0"
+      }
+    },
     "node_modules/get-intrinsic": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
@@ -4099,6 +4579,14 @@
         "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
       }
     },
+    "node_modules/getpass": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
+      "integrity": "sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==",
+      "dependencies": {
+        "assert-plus": "^1.0.0"
+      }
+    },
     "node_modules/glob": {
       "version": "10.3.10",
       "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
@@ -4236,6 +4724,27 @@
       "resolved": "https://registry.npmjs.org/gsap/-/gsap-3.12.5.tgz",
       "integrity": "sha512-srBfnk4n+Oe/ZnMIOXt3gT605BX9x5+rh/prT2F1SsNJsU1XuMiP0E2aptW481OnonOGACZWBqseH5Z7csHxhQ=="
     },
+    "node_modules/har-schema": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
+      "integrity": "sha512-Oqluz6zhGX8cyRaTQlFMPw80bSJVG2x/cFb8ZPhUILGgHka9SsokCCOQgpveePerqidZOrT14ipqfJb7ILcW5Q==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/har-validator": {
+      "version": "5.1.5",
+      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.5.tgz",
+      "integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==",
+      "deprecated": "this library is no longer supported",
+      "dependencies": {
+        "ajv": "^6.12.3",
+        "har-schema": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/has-bigints": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
@@ -4321,6 +4830,20 @@
       "resolved": "https://registry.npmjs.org/hls.js/-/hls.js-1.3.5.tgz",
       "integrity": "sha512-uybAvKS6uDe0MnWNEPnO0krWVr+8m2R0hJ/viql8H3MVK+itq8gGQuIYoFHL3rECkIpNH98Lw8YuuWMKZxp3Ew=="
     },
+    "node_modules/http-signature": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
+      "integrity": "sha512-CAbnr6Rz4CYQkLYUtSNXxQPUH2gK8f3iWexVlsnMeD+GjlsQ0Xsy1cOX+mN3dtxYomRy21CiOzU8Uhw6OwncEQ==",
+      "dependencies": {
+        "assert-plus": "^1.0.0",
+        "jsprim": "^1.2.2",
+        "sshpk": "^1.7.0"
+      },
+      "engines": {
+        "node": ">=0.8",
+        "npm": ">=1.3.7"
+      }
+    },
     "node_modules/ieee754": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
@@ -4748,6 +5271,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-typedarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+      "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA=="
+    },
     "node_modules/is-weakmap": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
@@ -4799,6 +5327,11 @@
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
     },
+    "node_modules/isstream": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
+      "integrity": "sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g=="
+    },
     "node_modules/iterator.prototype": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
@@ -4881,17 +5414,26 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
+    "node_modules/jsbn": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
+      "integrity": "sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg=="
+    },
     "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": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
+      "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA=="
+    },
     "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
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
     },
     "node_modules/json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
@@ -4899,6 +5441,19 @@
       "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
       "dev": true
     },
+    "node_modules/json-stringify-safe": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+      "integrity": "sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA=="
+    },
+    "node_modules/json2mq": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/json2mq/-/json2mq-0.2.0.tgz",
+      "integrity": "sha512-SzoRg7ux5DWTII9J2qkrZrqV1gt+rTaoufMxEzXbS26Uid0NwaJd123HcoB80TgubEppxxIGdNxCx50fEoEWQA==",
+      "dependencies": {
+        "string-convert": "^0.2.0"
+      }
+    },
     "node_modules/json5": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
@@ -4911,6 +5466,20 @@
         "json5": "lib/cli.js"
       }
     },
+    "node_modules/jsprim": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.2.tgz",
+      "integrity": "sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==",
+      "dependencies": {
+        "assert-plus": "1.0.0",
+        "extsprintf": "1.3.0",
+        "json-schema": "0.4.0",
+        "verror": "1.10.0"
+      },
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
     "node_modules/jsx-ast-utils": {
       "version": "3.3.5",
       "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
@@ -5007,6 +5576,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -5088,6 +5662,25 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -5315,6 +5908,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/oauth-sign": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
+      "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/oauth4webapi": {
       "version": "2.10.4",
       "resolved": "https://registry.npmjs.org/oauth4webapi/-/oauth4webapi-2.10.4.tgz",
@@ -5578,6 +6179,11 @@
         "node": ">=8"
       }
     },
+    "node_modules/performance-now": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+      "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow=="
+    },
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -5842,6 +6448,14 @@
         "node": ">=16.13"
       }
     },
+    "node_modules/promise": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/promise/-/promise-8.3.0.tgz",
+      "integrity": "sha512-rZPNPKTOYVNEEKFaq1HqTgOwZD+4/YHS5ukLzQCypkj+OkYx7iv0mA91lJlpPPZ8vMau3IIGj5Qlwrx+8iiSmg==",
+      "dependencies": {
+        "asap": "~2.0.6"
+      }
+    },
     "node_modules/promise-worker-transferable": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/promise-worker-transferable/-/promise-worker-transferable-1.0.4.tgz",
@@ -5861,15 +6475,35 @@
         "react-is": "^16.13.1"
       }
     },
+    "node_modules/psl": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
+      "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag=="
+    },
     "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/qrcode.react": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/qrcode.react/-/qrcode.react-3.1.0.tgz",
+      "integrity": "sha512-oyF+Urr3oAMUG/OiOuONL3HXM+53wvuH3mtIWQrYmsXoAq0DkvZp2RYUWFSMFtbdOpuS++9v+WAkzNVkMlNW6Q==",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.5.3",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz",
+      "integrity": "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -5889,9 +6523,610 @@
         }
       ]
     },
-    "node_modules/react": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
+    "node_modules/razorpay": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/razorpay/-/razorpay-2.9.2.tgz",
+      "integrity": "sha512-FMtt7FKnwt65WSocGlWGdwTCt7JyeiTK1ej8nHPl78R0BmJ13A57F1DtWVbpnghIfUa++4TD7+bRzq0YbOK8hw==",
+      "dependencies": {
+        "@types/request-promise": "^4.1.48",
+        "promise": "^8.1.0",
+        "request": "^2.88.0",
+        "request-promise": "^4.2.6",
+        "typescript": "^4.9.4"
+      }
+    },
+    "node_modules/razorpay/node_modules/typescript": {
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=4.2.0"
+      }
+    },
+    "node_modules/rc-cascader": {
+      "version": "3.24.1",
+      "resolved": "https://registry.npmjs.org/rc-cascader/-/rc-cascader-3.24.1.tgz",
+      "integrity": "sha512-RgKuYgEGPx+6wCgguYFHjMsDZdCyydZd58YJRCfYQ8FObqLnZW0x/vUcEyPjhWIj1EhjV958IcR+NFPDbbj9kg==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "array-tree-filter": "^2.1.0",
+        "classnames": "^2.3.1",
+        "rc-select": "~14.13.0",
+        "rc-tree": "~5.8.1",
+        "rc-util": "^5.37.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-checkbox": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/rc-checkbox/-/rc-checkbox-3.2.0.tgz",
+      "integrity": "sha512-8inzw4y9dAhZmv/Ydl59Qdy5tdp9CKg4oPVcRigi+ga/yKPZS5m5SyyQPtYSgbcqHRYOdUhiPSeKfktc76du1A==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.25.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-collapse": {
+      "version": "3.7.3",
+      "resolved": "https://registry.npmjs.org/rc-collapse/-/rc-collapse-3.7.3.tgz",
+      "integrity": "sha512-60FJcdTRn0X5sELF18TANwtVi7FtModq649H11mYF1jh83DniMoM4MqY627sEKRCTm4+WXfGDcB7hY5oW6xhyw==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.3.4",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-dialog": {
+      "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/rc-dialog/-/rc-dialog-9.4.0.tgz",
+      "integrity": "sha512-AScCexaLACvf8KZRqCPz12BJ8olszXOS4lKlkMyzDQHS1m0zj1KZMYgmMCh39ee0Dcv8kyrj8mTqxuLyhH+QuQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/portal": "^1.0.0-8",
+        "classnames": "^2.2.6",
+        "rc-motion": "^2.3.0",
+        "rc-util": "^5.21.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-drawer": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/rc-drawer/-/rc-drawer-7.1.0.tgz",
+      "integrity": "sha512-nBE1rF5iZvpavoyqhSSz2mk/yANltA7g3aF0U45xkx381n3we/RKs9cJfNKp9mSWCedOKWt9FLEwZDaAaOGn2w==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9",
+        "@rc-component/portal": "^1.1.1",
+        "classnames": "^2.2.6",
+        "rc-motion": "^2.6.1",
+        "rc-util": "^5.38.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-dropdown": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/rc-dropdown/-/rc-dropdown-4.2.0.tgz",
+      "integrity": "sha512-odM8Ove+gSh0zU27DUj5cG1gNKg7mLWBYzB5E4nNLrLwBmYEgYP43vHKDGOVZcJSVElQBI0+jTQgjnq0NfLjng==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.17.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.11.0",
+        "react-dom": ">=16.11.0"
+      }
+    },
+    "node_modules/rc-field-form": {
+      "version": "1.44.0",
+      "resolved": "https://registry.npmjs.org/rc-field-form/-/rc-field-form-1.44.0.tgz",
+      "integrity": "sha512-el7w87fyDUsca63Y/s8qJcq9kNkf/J5h+iTdqG5WsSHLH0e6Usl7QuYSmSVzJMgtp40mOVZIY/W/QP9zwrp1FA==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "async-validator": "^4.1.0",
+        "rc-util": "^5.32.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-image": {
+      "version": "7.6.0",
+      "resolved": "https://registry.npmjs.org/rc-image/-/rc-image-7.6.0.tgz",
+      "integrity": "sha512-tL3Rvd1sS+frZQ01i+tkeUPaOeFz2iG9/scAt/Cfs0hyCRVA/w0Pu1J/JxIX8blalvmHE0bZQRYdOmRAzWu4Hg==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "@rc-component/portal": "^1.0.2",
+        "classnames": "^2.2.6",
+        "rc-dialog": "~9.4.0",
+        "rc-motion": "^2.6.2",
+        "rc-util": "^5.34.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-input": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/rc-input/-/rc-input-1.4.5.tgz",
+      "integrity": "sha512-AjzykhwnwYTRSwwgCu70CGKBIAv6bP2nqnFptnNTprph/TF1BAs0Qxl91mie/BR6n827WIJB6ZjaRf9iiMwAfw==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.18.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/rc-input-number": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/rc-input-number/-/rc-input-number-9.0.0.tgz",
+      "integrity": "sha512-RfcDBDdWFFetouWFXBA+WPEC8LzBXyngr9b+yTLVIygfFu7HiLRGn/s/v9wwno94X7KFvnb28FNynMGj9XJlDQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/mini-decimal": "^1.0.1",
+        "classnames": "^2.2.5",
+        "rc-input": "~1.4.0",
+        "rc-util": "^5.28.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-mentions": {
+      "version": "2.11.1",
+      "resolved": "https://registry.npmjs.org/rc-mentions/-/rc-mentions-2.11.1.tgz",
+      "integrity": "sha512-upb4AK1SRFql7qGnbLEvJqLMugVVIyjmwBJW9L0eLoN9po4JmJZaBzmKA4089fNtsU8k6l/tdZiVafyooeKnLw==",
+      "dependencies": {
+        "@babel/runtime": "^7.22.5",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.6",
+        "rc-input": "~1.4.0",
+        "rc-menu": "~9.13.0",
+        "rc-textarea": "~1.6.1",
+        "rc-util": "^5.34.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-menu": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/rc-menu/-/rc-menu-9.13.0.tgz",
+      "integrity": "sha512-1l8ooCB3HcYJKCltC/s7OxRKRjgymdl9htrCeGZcXNaMct0RxZRK6OPV3lPhVksIvAGMgzPd54ClpZ5J4b8cZA==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "2.x",
+        "rc-motion": "^2.4.3",
+        "rc-overflow": "^1.3.1",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-motion": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/rc-motion/-/rc-motion-2.9.0.tgz",
+      "integrity": "sha512-XIU2+xLkdIr1/h6ohPZXyPBMvOmuyFZQ/T0xnawz+Rh+gh4FINcnZmMT5UTIj6hgI0VLDjTaPeRd+smJeSPqiQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.21.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-notification": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/rc-notification/-/rc-notification-5.4.0.tgz",
+      "integrity": "sha512-li19y9RoYJciF3WRFvD+DvWS70jdL8Fr+Gfb/OshK+iY6iTkwzoigmSIp76/kWh5tF5i/i9im12X3nsF85GYdA==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.9.0",
+        "rc-util": "^5.20.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-overflow": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/rc-overflow/-/rc-overflow-1.3.2.tgz",
+      "integrity": "sha512-nsUm78jkYAoPygDAcGZeC2VwIg/IBGSodtOY3pMof4W3M9qRJgqaDYm03ZayHlde3I6ipliAxbN0RUcGf5KOzw==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.37.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-pagination": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/rc-pagination/-/rc-pagination-4.0.4.tgz",
+      "integrity": "sha512-GGrLT4NgG6wgJpT/hHIpL9nELv27A1XbSZzECIuQBQTVSf4xGKxWr6I/jhpRPauYEWEbWVw22ObG6tJQqwJqWQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.38.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-picker": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/rc-picker/-/rc-picker-4.3.1.tgz",
+      "integrity": "sha512-1/TGosPALu/CWBEEpBTmZVNTSQXC5qpsI9jSiZdlLSrz6xhgBj39WNGJsmveiWPRgbHlq/vf5nI8cLMCMinZ5w==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.1",
+        "rc-overflow": "^1.3.2",
+        "rc-resize-observer": "^1.4.0",
+        "rc-util": "^5.38.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "date-fns": ">= 2.x",
+        "dayjs": ">= 1.x",
+        "luxon": ">= 3.x",
+        "moment": ">= 2.x",
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      },
+      "peerDependenciesMeta": {
+        "date-fns": {
+          "optional": true
+        },
+        "dayjs": {
+          "optional": true
+        },
+        "luxon": {
+          "optional": true
+        },
+        "moment": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/rc-progress": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/rc-progress/-/rc-progress-4.0.0.tgz",
+      "integrity": "sha512-oofVMMafOCokIUIBnZLNcOZFsABaUw8PPrf1/y0ZBvKZNpOiu5h4AO9vv11Sw0p4Hb3D0yGWuEattcQGtNJ/aw==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.16.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-rate": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/rc-rate/-/rc-rate-2.12.0.tgz",
+      "integrity": "sha512-g092v5iZCdVzbjdn28FzvWebK2IutoVoiTeqoLTj9WM7SjA/gOJIw5/JFZMRyJYYVe1jLAU2UhAfstIpCNRozg==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-resize-observer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/rc-resize-observer/-/rc-resize-observer-1.4.0.tgz",
+      "integrity": "sha512-PnMVyRid9JLxFavTjeDXEXo65HCRqbmLBw9xX9gfC4BZiSzbLXKzW3jPz+J0P71pLbD5tBMTT+mkstV5gD0c9Q==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.7",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.38.0",
+        "resize-observer-polyfill": "^1.5.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-segmented": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/rc-segmented/-/rc-segmented-2.3.0.tgz",
+      "integrity": "sha512-I3FtM5Smua/ESXutFfb8gJ8ZPcvFR+qUgeeGFQHBOvRiRKyAk4aBE5nfqrxXx+h8/vn60DQjOt6i4RNtrbOobg==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-motion": "^2.4.4",
+        "rc-util": "^5.17.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/rc-select": {
+      "version": "14.13.1",
+      "resolved": "https://registry.npmjs.org/rc-select/-/rc-select-14.13.1.tgz",
+      "integrity": "sha512-A1VHqjIOemxLnUGRxLGVqXBs8jGcJemI5NXxOJwU5PQc1wigAu1T4PRLgMkTPDOz8gPhlY9dwsPzMgakMc2QjQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^2.1.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-overflow": "^1.3.1",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.5.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-slider": {
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-10.5.0.tgz",
+      "integrity": "sha512-xiYght50cvoODZYI43v3Ylsqiw14+D7ELsgzR40boDZaya1HFa1Etnv9MDkQE8X/UrXAffwv2AcNAhslgYuDTw==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.27.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-steps": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/rc-steps/-/rc-steps-6.0.1.tgz",
+      "integrity": "sha512-lKHL+Sny0SeHkQKKDJlAjV5oZ8DwCdS2hFhAkIjuQt1/pB81M0cA0ErVFdHq9+jmPmFw1vJB2F5NBzFXLJxV+g==",
+      "dependencies": {
+        "@babel/runtime": "^7.16.7",
+        "classnames": "^2.2.3",
+        "rc-util": "^5.16.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-switch": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/rc-switch/-/rc-switch-4.1.0.tgz",
+      "integrity": "sha512-TI8ufP2Az9oEbvyCeVE4+90PDSljGyuwix3fV58p7HV2o4wBnVToEyomJRVyTaZeqNPAp+vqeo4Wnj5u0ZZQBg==",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.30.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-table": {
+      "version": "7.45.4",
+      "resolved": "https://registry.npmjs.org/rc-table/-/rc-table-7.45.4.tgz",
+      "integrity": "sha512-6aSbGrnkN2GLSt3s1x+wa4f3j/VEgg1uKPpaLY5qHH1/nFyreS2V7DFJ0TfUb18allf2FQl7oVYEjTixlBXEyQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/context": "^1.4.0",
+        "classnames": "^2.2.5",
+        "rc-resize-observer": "^1.1.0",
+        "rc-util": "^5.37.0",
+        "rc-virtual-list": "^3.11.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tabs": {
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/rc-tabs/-/rc-tabs-14.1.1.tgz",
+      "integrity": "sha512-5nOr9PVpJy2SWHTLgv1+kESDOb0tFzl0cYU9r9d8LfL0Wg9i/n1B558rmkxdQHgBwMqxmwoyPSAbQROxMQe8nw==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "classnames": "2.x",
+        "rc-dropdown": "~4.2.0",
+        "rc-menu": "~9.13.0",
+        "rc-motion": "^2.6.2",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.34.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-textarea": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/rc-textarea/-/rc-textarea-1.6.3.tgz",
+      "integrity": "sha512-8k7+8Y2GJ/cQLiClFMg8kUXOOdvcFQrnGeSchOvI2ZMIVvX5a3zQpLxoODL0HTrvU63fPkRmMuqaEcOF9dQemA==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.1",
+        "rc-input": "~1.4.0",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tooltip": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-6.2.0.tgz",
+      "integrity": "sha512-iS/3iOAvtDh9GIx1ulY7EFUXUtktFccNLsARo3NPgLf0QW9oT0w3dA9cYWlhqAKmD+uriEwdWz1kH0Qs4zk2Aw==",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tree": {
+      "version": "5.8.5",
+      "resolved": "https://registry.npmjs.org/rc-tree/-/rc-tree-5.8.5.tgz",
+      "integrity": "sha512-PRfcZtVDNkR7oh26RuNe1hpw11c1wfgzwmPFL0lnxGnYefe9lDAO6cg5wJKIAwyXFVt5zHgpjYmaz0CPy1ZtKg==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.5.1"
+      },
+      "engines": {
+        "node": ">=10.x"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-tree-select": {
+      "version": "5.19.0",
+      "resolved": "https://registry.npmjs.org/rc-tree-select/-/rc-tree-select-5.19.0.tgz",
+      "integrity": "sha512-f4l5EsmSGF3ggj76YTzKNPY9SnXfFaer7ZccTSGb3urUf54L+cCqyT+UsPr+S5TAr8mZSxJ7g3CgkCe+cVQ6sw==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-select": "~14.13.0",
+        "rc-tree": "~5.8.1",
+        "rc-util": "^5.16.1"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-upload": {
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/rc-upload/-/rc-upload-4.5.2.tgz",
+      "integrity": "sha512-QO3ne77DwnAPKFn0bA5qJM81QBjQi0e0NHdkvpFyY73Bea2NfITiotqJqVjHgeYPOJu5lLVR32TNGP084aSoXA==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-util": {
+      "version": "5.39.1",
+      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.39.1.tgz",
+      "integrity": "sha512-OW/ERynNDgNr4y0oiFmtes3rbEamXw7GHGbkbNd9iRr7kgT03T6fT0b9WpJ3mbxKhyOcAHnGcIoh5u/cjrC2OQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "react-is": "^18.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-util/node_modules/react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+    },
+    "node_modules/rc-virtual-list": {
+      "version": "3.11.4",
+      "resolved": "https://registry.npmjs.org/rc-virtual-list/-/rc-virtual-list-3.11.4.tgz",
+      "integrity": "sha512-NbBi0fvyIu26gP69nQBiWgUMTPX3mr4FcuBQiVqagU0BnuX8WQkiivnMs105JROeuUIFczLrlgUhLQwTWV1XDA==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.0",
+        "classnames": "^2.2.6",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.36.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
       "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
       "dependencies": {
         "loose-envify": "^1.1.0"
@@ -6107,6 +7342,91 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/request": {
+      "version": "2.88.2",
+      "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
+      "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
+      "deprecated": "request has been deprecated, see https://github.com/request/request/issues/3142",
+      "dependencies": {
+        "aws-sign2": "~0.7.0",
+        "aws4": "^1.8.0",
+        "caseless": "~0.12.0",
+        "combined-stream": "~1.0.6",
+        "extend": "~3.0.2",
+        "forever-agent": "~0.6.1",
+        "form-data": "~2.3.2",
+        "har-validator": "~5.1.3",
+        "http-signature": "~1.2.0",
+        "is-typedarray": "~1.0.0",
+        "isstream": "~0.1.2",
+        "json-stringify-safe": "~5.0.1",
+        "mime-types": "~2.1.19",
+        "oauth-sign": "~0.9.0",
+        "performance-now": "^2.1.0",
+        "qs": "~6.5.2",
+        "safe-buffer": "^5.1.2",
+        "tough-cookie": "~2.5.0",
+        "tunnel-agent": "^0.6.0",
+        "uuid": "^3.3.2"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/request-promise": {
+      "version": "4.2.6",
+      "resolved": "https://registry.npmjs.org/request-promise/-/request-promise-4.2.6.tgz",
+      "integrity": "sha512-HCHI3DJJUakkOr8fNoCc73E5nU5bqITjOYFMDrKHYOXWXrgD/SBaC7LjwuPymUprRyuF06UK7hd/lMHkmUXglQ==",
+      "deprecated": "request-promise has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142",
+      "dependencies": {
+        "bluebird": "^3.5.0",
+        "request-promise-core": "1.1.4",
+        "stealthy-require": "^1.1.1",
+        "tough-cookie": "^2.3.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "peerDependencies": {
+        "request": "^2.34"
+      }
+    },
+    "node_modules/request-promise-core": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/request-promise-core/-/request-promise-core-1.1.4.tgz",
+      "integrity": "sha512-TTbAfBBRdWD7aNNOoVOBH4pN/KigV6LyapYNNlAPA8JwbovRti1E88m3sYAwsLi5ryhPKsE9APwnjFTgdUjTpw==",
+      "dependencies": {
+        "lodash": "^4.17.19"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "peerDependencies": {
+        "request": "^2.34"
+      }
+    },
+    "node_modules/request/node_modules/form-data": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
+      "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.6",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 0.12"
+      }
+    },
+    "node_modules/request/node_modules/uuid": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
+      "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
+      "deprecated": "Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.",
+      "bin": {
+        "uuid": "bin/uuid"
+      }
+    },
     "node_modules/require-from-string": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
@@ -6115,6 +7435,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
     "node_modules/resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
@@ -6233,6 +7558,25 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "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/safe-regex-test": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz",
@@ -6250,6 +7594,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    },
     "node_modules/scheduler": {
       "version": "0.23.0",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
@@ -6258,6 +7607,14 @@
         "loose-envify": "^1.1.0"
       }
     },
+    "node_modules/scroll-into-view-if-needed": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.1.0.tgz",
+      "integrity": "sha512-49oNpRjWRvnU8NyGVmUaYG4jtTkNonFZI86MmGRDqBphEK2EXT9gdEUoQPZhuBM8yWHxCWbobltqYO5M4XrUvQ==",
+      "dependencies": {
+        "compute-scroll-into-view": "^3.0.2"
+      }
+    },
     "node_modules/semver": {
       "version": "7.6.0",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
@@ -6373,6 +7730,20 @@
         "node": ">=8"
       }
     },
+    "node_modules/shortid": {
+      "version": "2.2.16",
+      "resolved": "https://registry.npmjs.org/shortid/-/shortid-2.2.16.tgz",
+      "integrity": "sha512-Ugt+GIZqvGXCIItnsL+lvFJOiN7RYqlGy7QE41O3YC1xbNSeDGIRO7xg2JJXIAj1cAGnOeC1r7/T9pgrtQbv4g==",
+      "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
+      "dependencies": {
+        "nanoid": "^2.1.0"
+      }
+    },
+    "node_modules/shortid/node_modules/nanoid": {
+      "version": "2.1.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-2.1.11.tgz",
+      "integrity": "sha512-s/snB+WGm6uwi0WjsZdaVcuf3KJXlfGl2LcxgwkEwJF0D/BWzVWAZW/XY4bFaiR7s0Jk3FPvlnepg1H1b1UwlA=="
+    },
     "node_modules/side-channel": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
@@ -6427,6 +7798,30 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/sshpk": {
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.18.0.tgz",
+      "integrity": "sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==",
+      "dependencies": {
+        "asn1": "~0.2.3",
+        "assert-plus": "^1.0.0",
+        "bcrypt-pbkdf": "^1.0.0",
+        "dashdash": "^1.12.0",
+        "ecc-jsbn": "~0.1.1",
+        "getpass": "^0.1.1",
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.0.2",
+        "tweetnacl": "~0.14.0"
+      },
+      "bin": {
+        "sshpk-conv": "bin/sshpk-conv",
+        "sshpk-sign": "bin/sshpk-sign",
+        "sshpk-verify": "bin/sshpk-verify"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/stats-gl": {
       "version": "2.2.8",
       "resolved": "https://registry.npmjs.org/stats-gl/-/stats-gl-2.2.8.tgz",
@@ -6440,6 +7835,14 @@
       "resolved": "https://registry.npmjs.org/stats.js/-/stats.js-0.17.0.tgz",
       "integrity": "sha512-hNKz8phvYLPEcRkeG1rsGmV5ChMjKDAWU7/OJJdDErPBNChQXxCo3WZurGpnWc6gZhAzEPFad1aVgyOANH1sMw=="
     },
+    "node_modules/stealthy-require": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/stealthy-require/-/stealthy-require-1.1.1.tgz",
+      "integrity": "sha512-ZnWpYnYugiOVEY5GkcuJK1io5V8QmNYChG62gSit9pQVGErXtrKuPC55ITaVSukmMta5qpMU7vqLt2Lnni4f/g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/streamsearch": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
@@ -6448,6 +7851,11 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/string-convert": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz",
+      "integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A=="
+    },
     "node_modules/string-width": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
@@ -6649,6 +8057,11 @@
         }
       }
     },
+    "node_modules/stylis": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.1.tgz",
+      "integrity": "sha512-EQepAV+wMsIaGVGX1RECzgrcqRRU/0sYOHkeLsZ3fzHaHXZy4DaOOX0vOlGQdlsjkh3mFHAIlVimpwAs4dslyQ=="
+    },
     "node_modules/sucrase": {
       "version": "3.35.0",
       "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
@@ -6825,6 +8238,14 @@
       "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.6.10.tgz",
       "integrity": "sha512-IQrh3lEPM93wVCEczc9SaAOvkmcoQn/G8Bo1e8ZPlY3X3bnAxWaBdvTdvM1hP62iZp0BXWDy4vTAy4fF0+Dlpg=="
     },
+    "node_modules/throttle-debounce": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-5.0.0.tgz",
+      "integrity": "sha512-2iQTSgkkc1Zyk0MeVrt/3BvuOXYPl/R8Z0U2xxo9rjwNciaHDG3R+Lm6dh4EeUci49DanvBnuqI6jshoQQRGEg==",
+      "engines": {
+        "node": ">=12.22"
+      }
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -6836,6 +8257,23 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/toggle-selection": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
+      "integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ=="
+    },
+    "node_modules/tough-cookie": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
+      "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
+      "dependencies": {
+        "psl": "^1.1.28",
+        "punycode": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/troika-three-text": {
       "version": "0.49.0",
       "resolved": "https://registry.npmjs.org/troika-three-text/-/troika-three-text-0.49.0.tgz",
@@ -6946,6 +8384,17 @@
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
+    "node_modules/tunnel-agent": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+      "integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==",
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/tunnel-rat": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/tunnel-rat/-/tunnel-rat-0.1.2.tgz",
@@ -6954,6 +8403,11 @@
         "zustand": "^4.3.2"
       }
     },
+    "node_modules/tweetnacl": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
+      "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA=="
+    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -7082,8 +8536,7 @@
     "node_modules/undici-types": {
       "version": "5.26.5",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
-      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
-      "devOptional": true
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA=="
     },
     "node_modules/update-browserslist-db": {
       "version": "1.0.13",
@@ -7119,7 +8572,6 @@
       "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"
       }
@@ -7204,6 +8656,19 @@
       "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
       "devOptional": true
     },
+    "node_modules/verror": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
+      "integrity": "sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==",
+      "engines": [
+        "node >=0.6.0"
+      ],
+      "dependencies": {
+        "assert-plus": "^1.0.0",
+        "core-util-is": "1.0.2",
+        "extsprintf": "^1.2.0"
+      }
+    },
     "node_modules/webgl-constants": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/webgl-constants/-/webgl-constants-1.1.1.tgz",
diff --git a/package.json b/package.json
index d1fce07..c85b378 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "seed": "node --loader ts-node/esm prisma/seed.ts"
   },
   "dependencies": {
+    "@ant-design/icons": "^5.3.6",
     "@auth/prisma-adapter": "^1.6.0",
     "@gsap/react": "^2.1.0",
     "@prisma/client": "^5.12.1",
@@ -26,20 +27,24 @@
     "@studio-freight/react-lenis": "^0.0.46",
     "@tailwindcss/nesting": "^0.0.0-insiders.565cd3e",
     "@udecode/cn": "^31.0.0",
+    "antd": "^5.16.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "embla-carousel-react": "^8.0.2",
     "framer-motion": "^11.0.22",
+    "gantt-task-react": "^0.3.9",
     "glob": "^10.3.10",
     "gsap": "^3.12.5",
     "lucide-react": "^0.363.0",
     "maath": "^0.10.7",
     "next": "^14.1.4",
     "next-auth": "^5.0.0-beta.16",
+    "razorpay": "^2.9.2",
     "react": "^18",
     "react-dom": "^18",
     "react-intersection-observer": "^9.8.1",
     "sharp": "^0.33.3",
+    "shortid": "^2.2.16",
     "tailwind-merge": "^2.2.2",
     "tailwindcss-animate": "^1.0.7",
     "three": "^0.163.0"
@@ -47,8 +52,9 @@
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
     "@types/node": "^20",
-    "@types/react": "^18",
+    "@types/react": "^18.2.76",
     "@types/react-dom": "^18",
+    "@types/shortid": "^0.0.32",
     "autoprefixer": "^10.0.1",
     "eslint": "^8",
     "eslint-config-next": "14.1.4",
diff --git a/src/app/api/razorpay/route.ts b/src/app/api/razorpay/route.ts
new file mode 100644
index 0000000..c696ab5
--- /dev/null
+++ b/src/app/api/razorpay/route.ts
@@ -0,0 +1,40 @@
+import { NextResponse } from "next/server";
+import Razorpay from "razorpay";
+import shortid from "shortid";
+
+const instance = new Razorpay({
+    key_id: process.env.RAZORPAY_KEY as string,
+    key_secret: process.env.RAZORPAY_SECRET as string,
+  });
+
+
+export async function GET() {
+
+    const payment_capture = 1;
+    const amount = 1 * 100 // amount in paisa. In our case it's INR 1
+    const currency = "INR";
+    const options = {
+        amount: (amount).toString(),
+        currency,
+        receipt: shortid.generate(),
+        payment_capture,
+        notes: {
+            // These notes will be added to your transaction. So you can search it within their dashboard.
+            // Also, it's included in webhooks as well. So you can automate it.
+            paymentFor: "testingDemo",
+            userId: "100",
+            productId: 'P100'
+        }
+    };
+
+   const order = await instance.orders.create(options);
+  return NextResponse.json({ msg: "success",order });
+}
+
+
+export async function POST(req: Request) {
+  const body = await req.json();
+
+
+  return NextResponse.json({ msg: body });
+}
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 424e2cb..eef6786 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,6 +4,7 @@ import { cn } from "@/lib/utils";
 import type { Metadata, Viewport } from "next";
 import { Inter } from "next/font/google";
 import { SessionProvider } from "next-auth/react";
+import Script from "next/script";
 
 const inter = Inter({ subsets: ["latin"], variable: "--font-sans" });
 
@@ -44,6 +45,7 @@ export default function RootLayout({
           </div>
         </body>
       </html>
+      <Script src="https://checkout.razorpay.com/v1/checkout.js" />
     </SessionProvider>
   );
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 08f52f7..7bc4757 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,6 +4,8 @@ import { HeroParallax } from "@/components/widgets/Hero";
 import { About } from "@/components/widgets/about";
 import { StarsCanvas } from "@/components/ui/Stars";
 import { useEffect, useState } from "react";
+import Buy from "@/components/razorpay/Buy";
+import BuyProduct from "@/components/razorpay/BuyProduct";
 
 export default function Home() {
   const [images, setImages] = useState<{ src: string; alt: string }[]>([]);
@@ -17,6 +19,7 @@ export default function Home() {
 
   return (
     <main className="flex min-h-[calc(100vh_-_theme(spacing.16))] flex-1 flex-col gap-4 py-0 md:gap-8 md:py-0">
+      <BuyProduct />
       <Lenis>
         <StarsCanvas />
         <HeroParallax images={images} />
diff --git a/src/components/razorpay/Buy.tsx b/src/components/razorpay/Buy.tsx
new file mode 100644
index 0000000..7909888
--- /dev/null
+++ b/src/components/razorpay/Buy.tsx
@@ -0,0 +1,37 @@
+"use client"
+import React,{useState} from "react";
+
+
+interface Props {
+    makePayment: (productId: object) => void;
+}
+
+const Buy:React.FC<Props> = ({ makePayment }) => {
+
+  const [isLoading, setIsLoading] = useState(false);
+
+
+
+  return (
+    <div className="flex flex-col items-center justify-center mt-[100px]">
+
+<h1 className="text-2xl">Razor Pay Integration with NextJs 13</h1>
+<button
+     onClick={() => {
+          makePayment({ productId: "example_ebook" });
+        }}
+      disabled={isLoading}
+      className={`bg-blue-500 text-white font-semibold mt-20 py-2 px-4 rounded ${
+        isLoading ? 'opacity-50 cursor-not-allowed' : ''
+      }`}
+    >
+      {isLoading ? 'Processing...' : 'Buy Now'}
+    </button>
+
+
+
+    </div>
+  );
+};
+
+export default Buy;
\ No newline at end of file
diff --git a/src/components/razorpay/BuyProduct.tsx b/src/components/razorpay/BuyProduct.tsx
new file mode 100644
index 0000000..b913e9f
--- /dev/null
+++ b/src/components/razorpay/BuyProduct.tsx
@@ -0,0 +1,55 @@
+"use client";
+import React, { Suspense } from "react";
+import Buy from "./Buy";
+import { useRouter  } from 'next/navigation';
+
+declare global {
+    interface Window { // ⚠️ notice that "Window" is capitalized here
+      Razorpay: any;
+    }
+  }
+
+const BuyProduct = () => {
+
+  const router = useRouter()
+
+
+  const makePayment = async ({ productId = null }) => {
+    const key = process.env.RAZORPAY_API_KEY;
+    console.log(key);
+    const data = await fetch("http://localhost:3000/api/razorpay");
+    const { order } = await data.json();
+    console.log(order.id);
+    const options = {
+      key: key,
+      name: "Joywin Bennis",
+      currency: order.currency,
+      amount: order.amount,
+      order_id: order.id,
+      description: "Understanding RazorPay Integration",
+      // image: logoBase64,
+      prefill: {
+        name: "Lord Joywin",
+        email: "joywinbennis@gmail.com",
+        contact: "9354536067",
+      },
+    };
+
+    const paymentObject = new window.Razorpay(options);
+    paymentObject.open();
+
+    paymentObject.on("payment.failed", function (response:any) {
+      alert("Payment failed. Please try again. Contact support for help");
+    });
+  };
+
+  return (
+    <>
+    <Suspense fallback={null}>
+      <Buy makePayment={makePayment} />
+      </Suspense>
+    </>
+  );
+};
+
+export default BuyProduct;
\ No newline at end of file
diff --git a/src/lib/helpers.ts b/src/lib/helpers.ts
new file mode 100644
index 0000000..eeec570
--- /dev/null
+++ b/src/lib/helpers.ts
@@ -0,0 +1,116 @@
+import { Task } from "gantt-task-react";
+
+export const initTasks = () => {
+
+  const currentDate = new Date();
+
+  const tasks: Task[] = [
+    {
+      start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 1),
+      end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 15),
+      name: "Some Project",
+      id: "ProjectSample",
+      progress: 25,
+      type: "project",
+
+      hideChildren: false
+    },
+    {
+      start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 1),
+      end: new Date(
+        currentDate.getFullYear(),
+        currentDate.getMonth(),
+        2,
+        12,
+        28
+      ),
+      name: "Idea",
+      id: "Task 0",
+      progress: 100,
+      type: "task",
+      project: "ProjectSample"
+    },
+    {
+      start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 2),
+      end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 4, 0, 0),
+      name: "Research",
+      id: "Task 1",
+      progress: 25,
+      dependencies: ["Task 0"],
+      type: "task",
+      project: "ProjectSample"
+    },
+    {
+      start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 4),
+      end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 8, 0, 0),
+      name: "Discussion with team",
+      id: "Task 2",
+      progress: 10,
+      dependencies: ["Task 1"],
+      type: "task",
+      project: "ProjectSample"
+    },
+    {
+      start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 8),
+      end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 9, 0, 0),
+      name: "Developing",
+      id: "Task 3",
+      progress: 2,
+      dependencies: ["Task 2"],
+      type: "task",
+      project: "ProjectSample"
+    },
+    {
+      start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 8),
+      end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 10),
+      name: "Review",
+      id: "Task 4",
+      type: "task",
+      progress: 70,
+      dependencies: ["Task 2"],
+      project: "ProjectSample"
+    },
+    {
+      start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 15),
+      end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 15),
+      name: "Release",
+      id: "Task 6",
+      progress: currentDate.getMonth(),
+      type: "milestone",
+      dependencies: ["Task 4"],
+      project: "ProjectSample"
+    },
+    {
+      start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 18),
+      end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 19),
+      name: "Party Time",
+      id: "Task 9",
+      progress: 0,
+      isDisabled: true,
+      type: "task"
+    }
+  ];
+
+  return tasks;
+
+};
+
+export const getStartEndDateForProject = (tasks: Task[], projectId: string) => {
+
+  const projectTasks = tasks.filter((t) => t.project === projectId);
+  let start = projectTasks[0].start;
+  let end = projectTasks[0].end;
+
+  for (let i = 0; i < projectTasks.length; i++) {
+    const task = projectTasks[i];
+    if (start.getTime() > task.start.getTime()) {
+      start = task.start;
+    }
+    if (end.getTime() < task.end.getTime()) {
+      end = task.end;
+    }
+  }
+
+  return [start, end];
+
+};

From f890a9b40c399ea5a459aa243677b1ec8fbb1d7b Mon Sep 17 00:00:00 2001
From: Joywin Bennis <107112207+joywin2003@users.noreply.github.com>
Date: Mon, 15 Apr 2024 22:45:03 +0530
Subject: [PATCH 02/37] clean up

---
 src/app/page.tsx                       |  3 --
 src/components/razorpay/Buy.tsx        | 39 +++++++++-----------------
 src/components/razorpay/BuyProduct.tsx | 23 +++++++--------
 3 files changed, 24 insertions(+), 41 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7bc4757..08f52f7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,8 +4,6 @@ import { HeroParallax } from "@/components/widgets/Hero";
 import { About } from "@/components/widgets/about";
 import { StarsCanvas } from "@/components/ui/Stars";
 import { useEffect, useState } from "react";
-import Buy from "@/components/razorpay/Buy";
-import BuyProduct from "@/components/razorpay/BuyProduct";
 
 export default function Home() {
   const [images, setImages] = useState<{ src: string; alt: string }[]>([]);
@@ -19,7 +17,6 @@ export default function Home() {
 
   return (
     <main className="flex min-h-[calc(100vh_-_theme(spacing.16))] flex-1 flex-col gap-4 py-0 md:gap-8 md:py-0">
-      <BuyProduct />
       <Lenis>
         <StarsCanvas />
         <HeroParallax images={images} />
diff --git a/src/components/razorpay/Buy.tsx b/src/components/razorpay/Buy.tsx
index 7909888..fd3a7e0 100644
--- a/src/components/razorpay/Buy.tsx
+++ b/src/components/razorpay/Buy.tsx
@@ -1,37 +1,26 @@
-"use client"
-import React,{useState} from "react";
-
+"use client";
+import React, { useState } from "react";
 
 interface Props {
-    makePayment: (productId: object) => void;
+  makePayment: (productId: object) => void;
 }
 
-const Buy:React.FC<Props> = ({ makePayment }) => {
-
+const Buy: React.FC<Props> = ({ makePayment }) => {
   const [isLoading, setIsLoading] = useState(false);
 
-
-
   return (
-    <div className="flex flex-col items-center justify-center mt-[100px]">
-
-<h1 className="text-2xl">Razor Pay Integration with NextJs 13</h1>
-<button
-     onClick={() => {
+      <button
+        onClick={() => {
           makePayment({ productId: "example_ebook" });
         }}
-      disabled={isLoading}
-      className={`bg-blue-500 text-white font-semibold mt-20 py-2 px-4 rounded ${
-        isLoading ? 'opacity-50 cursor-not-allowed' : ''
-      }`}
-    >
-      {isLoading ? 'Processing...' : 'Buy Now'}
-    </button>
-
-
-
-    </div>
+        disabled={isLoading}
+        className={`bg-blue-500 text-white font-semibold mt-20 py-2 px-4 rounded ${
+          isLoading ? "opacity-50 cursor-not-allowed" : ""
+        }`}
+      >
+        {isLoading ? "Processing..." : "Buy Now"}
+      </button>
   );
 };
 
-export default Buy;
\ No newline at end of file
+export default Buy;
diff --git a/src/components/razorpay/BuyProduct.tsx b/src/components/razorpay/BuyProduct.tsx
index b913e9f..62ee495 100644
--- a/src/components/razorpay/BuyProduct.tsx
+++ b/src/components/razorpay/BuyProduct.tsx
@@ -1,18 +1,16 @@
 "use client";
 import React, { Suspense } from "react";
 import Buy from "./Buy";
-import { useRouter  } from 'next/navigation';
+import { useRouter } from "next/navigation";
 
 declare global {
-    interface Window { // ⚠️ notice that "Window" is capitalized here
-      Razorpay: any;
-    }
+  interface Window {
+    Razorpay: any;
   }
+}
 
 const BuyProduct = () => {
-
-  const router = useRouter()
-
+  const router = useRouter();
 
   const makePayment = async ({ productId = null }) => {
     const key = process.env.RAZORPAY_API_KEY;
@@ -26,8 +24,7 @@ const BuyProduct = () => {
       currency: order.currency,
       amount: order.amount,
       order_id: order.id,
-      description: "Understanding RazorPay Integration",
-      // image: logoBase64,
+      description: "Tiara Registration Fee",
       prefill: {
         name: "Lord Joywin",
         email: "joywinbennis@gmail.com",
@@ -38,18 +35,18 @@ const BuyProduct = () => {
     const paymentObject = new window.Razorpay(options);
     paymentObject.open();
 
-    paymentObject.on("payment.failed", function (response:any) {
+    paymentObject.on("payment.failed", function (response: any) {
       alert("Payment failed. Please try again. Contact support for help");
     });
   };
 
   return (
     <>
-    <Suspense fallback={null}>
-      <Buy makePayment={makePayment} />
+      <Suspense fallback={null}>
+        <Buy makePayment={makePayment} />
       </Suspense>
     </>
   );
 };
 
-export default BuyProduct;
\ No newline at end of file
+export default BuyProduct;

From 5b2f89d0226c6bfb37689dec106deba0986d1f3e Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Tue, 16 Apr 2024 12:08:00 +0530
Subject: [PATCH 03/37] Update schema.prisma: Add user relation to Faculty and
 Student models

---
 prisma/schema.prisma | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 850b8ba..bc780ba 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -30,9 +30,8 @@ model Payment {
 
 model Faculty {
   id         String   @id @default(cuid())
-  name       String
-  email      String   @unique
-  phone      String
+  user       User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+  userId     String   @map("user_id")
   events     Event[]
   created_at DateTime @default(now())
   updated_at DateTime @updatedAt
@@ -42,9 +41,8 @@ model Faculty {
 
 model Student {
   id         String   @id @default(cuid())
-  name       String
-  email      String   @unique
-  phone      String
+  user       User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+  userId     String   @map("user_id")
   events     Event[]
   created_at DateTime @default(now())
   updated_at DateTime @updatedAt
@@ -112,6 +110,8 @@ model User {
   accounts      Account[]
   sessions      Session[]
   payment       Payment[]
+  faculties     Faculty[]
+  students      Student[]
 
   @@map("users")
 }

From 46a9393c37423ec37ba33495b597decc5939d547 Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Tue, 16 Apr 2024 12:08:51 +0530
Subject: [PATCH 04/37] Fix: API endpoint URL in BuyProduct.tsx

---
 src/components/razorpay/BuyProduct.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/razorpay/BuyProduct.tsx b/src/components/razorpay/BuyProduct.tsx
index 62ee495..bd18710 100644
--- a/src/components/razorpay/BuyProduct.tsx
+++ b/src/components/razorpay/BuyProduct.tsx
@@ -15,7 +15,7 @@ const BuyProduct = () => {
   const makePayment = async ({ productId = null }) => {
     const key = process.env.RAZORPAY_API_KEY;
     console.log(key);
-    const data = await fetch("http://localhost:3000/api/razorpay");
+    const data = await fetch("/api/razorpay");
     const { order } = await data.json();
     console.log(order.id);
     const options = {

From b95532033d5e749f1cb1ba0eb9cab727d6cde937 Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Tue, 16 Apr 2024 12:32:22 +0530
Subject: [PATCH 05/37] Update makePayment function in Buy.tsx to include
 additional props

---
 src/components/razorpay/Buy.tsx        | 14 ++++++++++++--
 src/components/razorpay/BuyProduct.tsx | 24 +++++++++++++++++-------
 2 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/src/components/razorpay/Buy.tsx b/src/components/razorpay/Buy.tsx
index fd3a7e0..d6a101d 100644
--- a/src/components/razorpay/Buy.tsx
+++ b/src/components/razorpay/Buy.tsx
@@ -1,8 +1,9 @@
 "use client";
 import React, { useState } from "react";
+import { makePaymentProps } from "./BuyProduct";
 
 interface Props {
-  makePayment: (productId: object) => void;
+  makePayment: (props: makePaymentProps) => void;
 }
 
 const Buy: React.FC<Props> = ({ makePayment }) => {
@@ -11,7 +12,16 @@ const Buy: React.FC<Props> = ({ makePayment }) => {
   return (
       <button
         onClick={() => {
-          makePayment({ productId: "example_ebook" });
+          makePayment({
+            productId: null,
+            productName: "Product Name",
+            description: "Product Description",
+            prefillData: {
+              name: "John Doe",
+              email: "johndoe@email.com",
+              contact: "9876543210",
+            },
+          });
         }}
         disabled={isLoading}
         className={`bg-blue-500 text-white font-semibold mt-20 py-2 px-4 rounded ${
diff --git a/src/components/razorpay/BuyProduct.tsx b/src/components/razorpay/BuyProduct.tsx
index bd18710..1f651b0 100644
--- a/src/components/razorpay/BuyProduct.tsx
+++ b/src/components/razorpay/BuyProduct.tsx
@@ -9,26 +9,36 @@ declare global {
   }
 }
 
+export interface makePaymentProps {
+  productId: string | null;
+  productName: string;
+  description: string;
+  prefillData: {
+    name: string;
+    email: string;
+    contact: string;
+  };
+}
+
 const BuyProduct = () => {
   const router = useRouter();
 
-  const makePayment = async ({ productId = null }) => {
+  const makePayment = async ({ productId = null, productName, description, prefillData }: makePaymentProps) => {
     const key = process.env.RAZORPAY_API_KEY;
-    console.log(key);
     const data = await fetch("/api/razorpay");
     const { order } = await data.json();
     console.log(order.id);
     const options = {
       key: key,
-      name: "Joywin Bennis",
+      name: productName,
       currency: order.currency,
       amount: order.amount,
       order_id: order.id,
-      description: "Tiara Registration Fee",
+      description: description,
       prefill: {
-        name: "Lord Joywin",
-        email: "joywinbennis@gmail.com",
-        contact: "9354536067",
+        name: prefillData.name,
+        email: prefillData.email,
+        contact: prefillData.contact,
       },
     };
 

From 66d84cc3a5d299ecfc56ff632ab03d390a3b338e Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Tue, 16 Apr 2024 12:33:06 +0530
Subject: [PATCH 06/37] Add payment button to Buy.tsx

---
 src/components/razorpay/Buy.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/razorpay/Buy.tsx b/src/components/razorpay/Buy.tsx
index d6a101d..21c4412 100644
--- a/src/components/razorpay/Buy.tsx
+++ b/src/components/razorpay/Buy.tsx
@@ -10,6 +10,7 @@ const Buy: React.FC<Props> = ({ makePayment }) => {
   const [isLoading, setIsLoading] = useState(false);
 
   return (
+    // Below is the button that will trigger the payment process
       <button
         onClick={() => {
           makePayment({

From 9b44901444695a22bbba96dec74a1e2a4940748b Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Tue, 16 Apr 2024 12:43:34 +0530
Subject: [PATCH 07/37] feat: Update Razorpay integration in Buy.tsx and
 BuyProduct.tsx

---
 src/components/razorpay/Buy.tsx        |  8 ++---
 src/components/razorpay/BuyProduct.tsx | 46 +-----------------------
 src/lib/utils.ts                       | 49 ++++++++++++++++++++++++++
 3 files changed, 52 insertions(+), 51 deletions(-)

diff --git a/src/components/razorpay/Buy.tsx b/src/components/razorpay/Buy.tsx
index 21c4412..4d67880 100644
--- a/src/components/razorpay/Buy.tsx
+++ b/src/components/razorpay/Buy.tsx
@@ -1,12 +1,8 @@
 "use client";
+import { makePayment } from "@/lib/utils";
 import React, { useState } from "react";
-import { makePaymentProps } from "./BuyProduct";
 
-interface Props {
-  makePayment: (props: makePaymentProps) => void;
-}
-
-const Buy: React.FC<Props> = ({ makePayment }) => {
+const Buy: React.FC = () => {
   const [isLoading, setIsLoading] = useState(false);
 
   return (
diff --git a/src/components/razorpay/BuyProduct.tsx b/src/components/razorpay/BuyProduct.tsx
index 1f651b0..06e292d 100644
--- a/src/components/razorpay/BuyProduct.tsx
+++ b/src/components/razorpay/BuyProduct.tsx
@@ -3,57 +3,13 @@ import React, { Suspense } from "react";
 import Buy from "./Buy";
 import { useRouter } from "next/navigation";
 
-declare global {
-  interface Window {
-    Razorpay: any;
-  }
-}
-
-export interface makePaymentProps {
-  productId: string | null;
-  productName: string;
-  description: string;
-  prefillData: {
-    name: string;
-    email: string;
-    contact: string;
-  };
-}
-
 const BuyProduct = () => {
   const router = useRouter();
 
-  const makePayment = async ({ productId = null, productName, description, prefillData }: makePaymentProps) => {
-    const key = process.env.RAZORPAY_API_KEY;
-    const data = await fetch("/api/razorpay");
-    const { order } = await data.json();
-    console.log(order.id);
-    const options = {
-      key: key,
-      name: productName,
-      currency: order.currency,
-      amount: order.amount,
-      order_id: order.id,
-      description: description,
-      prefill: {
-        name: prefillData.name,
-        email: prefillData.email,
-        contact: prefillData.contact,
-      },
-    };
-
-    const paymentObject = new window.Razorpay(options);
-    paymentObject.open();
-
-    paymentObject.on("payment.failed", function (response: any) {
-      alert("Payment failed. Please try again. Contact support for help");
-    });
-  };
-
   return (
     <>
       <Suspense fallback={null}>
-        <Buy makePayment={makePayment} />
+        <Buy />
       </Suspense>
     </>
   );
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index f57f7cf..fd69bfa 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -10,3 +10,52 @@ export const baseURL = process.env.NEXT_PUBLIC_URL
   : process.env.NEXT_PUBLIC_VERCEL_URL
   ? `https://${process.env.NEXT_PUBLIC_VERCEL_URL}/`
   : `http://localhost:${process.env.PORT ?? 3000}/`;
+
+declare global {
+  interface Window {
+    Razorpay: any;
+  }
+}
+
+export interface makePaymentProps {
+  productId: string | null;
+  productName: string;
+  description: string;
+  prefillData: {
+    name: string;
+    email: string;
+    contact: string;
+  };
+}
+
+export const makePayment = async ({
+  productId = null,
+  productName,
+  description,
+  prefillData,
+}: makePaymentProps) => {
+  const key = process.env.RAZORPAY_API_KEY;
+  const data = await fetch("/api/razorpay");
+  const { order } = await data.json();
+  console.log(order.id);
+  const options = {
+    key: key,
+    name: productName,
+    currency: order.currency,
+    amount: order.amount,
+    order_id: order.id,
+    description: description,
+    prefill: {
+      name: prefillData.name,
+      email: prefillData.email,
+      contact: prefillData.contact,
+    },
+  };
+
+  const paymentObject = new window.Razorpay(options);
+  paymentObject.open();
+
+  paymentObject.on("payment.failed", function (response: any) {
+    alert("Payment failed. Please try again. Contact support for help");
+  });
+};

From 29658cd6bff6f391d65613aced99a4c03edee10e Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Tue, 16 Apr 2024 12:52:01 +0530
Subject: [PATCH 08/37] Update Dockerfile: Remove AUTH_SECRET

---
 Dockerfile | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/Dockerfile b/Dockerfile
index 03572e4..d8618aa 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -13,9 +13,6 @@ RUN npm install
 # Copy the rest of the app's source code to the working directory
 COPY . .
 
-ARG AUTH_SECRET="txxx#12"
-ENV AUTH_SECRET=$AUTH_SECRET
-
 # Prisma setup
 RUN npx prisma generate
 

From eb7eb2eb13a1946cbee63d8f31ef5e9fb08fa91d Mon Sep 17 00:00:00 2001
From: Joywin Bennis <107112207+joywin2003@users.noreply.github.com>
Date: Tue, 16 Apr 2024 11:10:31 +0530
Subject: [PATCH 09/37] registeration: no UI

---
 package-lock.json              |  49 +++++++++++++++
 package.json                   |   1 +
 src/app/api/razorpay/route.ts  |   1 -
 src/app/page.tsx               |   3 +
 src/app/register/page.tsx      | 111 +++++++++++++++++++++++++++++++++
 src/components/ui/checkbox.tsx |  30 +++++++++
 src/components/ui/checkout.tsx |   0
 7 files changed, 194 insertions(+), 1 deletion(-)
 create mode 100644 src/app/register/page.tsx
 create mode 100644 src/components/ui/checkbox.tsx
 create mode 100644 src/components/ui/checkout.tsx

diff --git a/package-lock.json b/package-lock.json
index a238d5a..69c4677 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
         "@auth/prisma-adapter": "^1.6.0",
         "@gsap/react": "^2.1.0",
         "@prisma/client": "^5.12.1",
+        "@radix-ui/react-checkbox": "^1.0.4",
         "@radix-ui/react-dialog": "^1.0.5",
         "@radix-ui/react-icons": "^1.3.0",
         "@radix-ui/react-label": "^2.0.2",
@@ -1205,6 +1206,36 @@
         "@babel/runtime": "^7.13.10"
       }
     },
+    "node_modules/@radix-ui/react-checkbox": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.0.4.tgz",
+      "integrity": "sha512-CBuGQa52aAYnADZVt/KBQzXrwx6TqnlwtcIPGtVt5JkkzQwMOLJjPukimhfKEr4GQNd43C+djUh5Ikopj8pSLg==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-presence": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-controllable-state": "1.0.1",
+        "@radix-ui/react-use-previous": "1.0.1",
+        "@radix-ui/react-use-size": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-collection": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.0.3.tgz",
@@ -1708,6 +1739,24 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-use-size": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.0.1.tgz",
+      "integrity": "sha512-ibay+VqrgcaI6veAojjofPATwledXiSmX+C0KrBk/xgpX9rBzPV3OsfwlhQdUOFbh+LKQorLYT+xTXW9V8yd0g==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-use-layout-effect": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-visually-hidden": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.0.3.tgz",
diff --git a/package.json b/package.json
index c85b378..dd3ccaf 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
     "@auth/prisma-adapter": "^1.6.0",
     "@gsap/react": "^2.1.0",
     "@prisma/client": "^5.12.1",
+    "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-label": "^2.0.2",
diff --git a/src/app/api/razorpay/route.ts b/src/app/api/razorpay/route.ts
index c696ab5..22833ac 100644
--- a/src/app/api/razorpay/route.ts
+++ b/src/app/api/razorpay/route.ts
@@ -31,7 +31,6 @@ export async function GET() {
   return NextResponse.json({ msg: "success",order });
 }
 
-
 export async function POST(req: Request) {
   const body = await req.json();
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 08f52f7..7bc4757 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,6 +4,8 @@ import { HeroParallax } from "@/components/widgets/Hero";
 import { About } from "@/components/widgets/about";
 import { StarsCanvas } from "@/components/ui/Stars";
 import { useEffect, useState } from "react";
+import Buy from "@/components/razorpay/Buy";
+import BuyProduct from "@/components/razorpay/BuyProduct";
 
 export default function Home() {
   const [images, setImages] = useState<{ src: string; alt: string }[]>([]);
@@ -17,6 +19,7 @@ export default function Home() {
 
   return (
     <main className="flex min-h-[calc(100vh_-_theme(spacing.16))] flex-1 flex-col gap-4 py-0 md:gap-8 md:py-0">
+      <BuyProduct />
       <Lenis>
         <StarsCanvas />
         <HeroParallax images={images} />
diff --git a/src/app/register/page.tsx b/src/app/register/page.tsx
new file mode 100644
index 0000000..e143468
--- /dev/null
+++ b/src/app/register/page.tsx
@@ -0,0 +1,111 @@
+"use client";
+import React, { useState } from "react";
+
+interface Event {
+  name: string;
+  key: string;
+  amount: number;
+}
+
+interface CheckedItem extends Event {
+  checked: boolean;
+}
+
+interface CheckboxProps {
+  className: string;
+  value: string;
+  checked: boolean;
+  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+
+const Checkbox: React.FC<CheckboxProps> = ({
+  className,
+  value,
+  checked,
+  onChange,
+}) => {
+  return (
+    <input
+      type="checkbox"
+      className={className}
+      value={value}
+      checked={checked}
+      onChange={onChange}
+    />
+  );
+};
+
+const events: Event[] = [
+  { name: "SyncLine Sprint", key: "syncLineSprint", amount: 30 },
+  { name: "DirtDash RC", key: "dirtDashRC", amount: 330 },
+  { name: "BlitzBot Soccer", key: "blitzBotSoccer", amount: 220 },
+  { name: "RoboClash", key: "roboClash", amount: 220 },
+  { name: "ONE PIECE", key: "onePiece", amount: 330 },
+  { name: "ZenFlow", key: "zenFlow", amount: 220 },
+  { name: "TYPING TITANS", key: "typingTitans", amount: 110 },
+  { name: "HYDROBLAST", key: "hydroBlast", amount: 340 },
+  { name: "Drone Clash", key: "droneClash", amount: 110 },
+  { name: "BUSINESS BAY", key: "businessBay", amount: 1120 },
+  { name: "BLACK MIRROR", key: "blackMirror", amount: 220 },
+  { name: "CADventures", key: "cadventures", amount: 10 },
+];
+
+const Register: React.FC = () => {
+  const [checkedItems, setCheckedItems] = useState<CheckedItem[]>([]);
+  const [amount, setAmount] = useState<number>(0);
+
+  const handleCheckboxChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const key = event.target.value;
+    const isChecked = event.target.checked;
+    if (isChecked) {
+      const selectedEvent = events.find((event) => event.key === key);
+      if (selectedEvent) {
+        setCheckedItems([...checkedItems, { ...selectedEvent, checked: true }]);
+      }
+    } else {
+      setCheckedItems(checkedItems.filter((item) => item.key !== key));
+    }
+  };
+
+  const sumOfCheckedItemsAmount = checkedItems.reduce(
+    (acc, item) => (item.checked ? acc + item.amount : acc),
+    0
+  );
+
+  return (
+    <div className="flex">
+      <div className="w-1/3 border rounded-sm border-gray-600">
+        {events.map((event) => (
+          <div
+            key={event.key}
+            className="flex justify-between items-center p-4 mb-2"
+          >
+            <span className="mr-4">{event.name}</span>
+            <Checkbox
+              className="w-4 h-4"
+              value={event.key}
+              checked={checkedItems.some((item) => item.key === event.key)}
+              onChange={handleCheckboxChange}
+            />
+          </div>
+        ))}
+      </div>
+      <div className="w-1/3 border rounded-sm border-gray-600">
+        {checkedItems.map((item) => (
+          <div
+            className="flex justify-between items-center p-4 mb-2"
+            key={item.key}
+          >
+            <p>{item.name}</p>
+            <p>{item.amount}</p>
+          </div>
+        ))}
+        <div className="absolute bottom-2">
+          Total amount: {sumOfCheckedItemsAmount}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Register;
diff --git a/src/components/ui/checkbox.tsx b/src/components/ui/checkbox.tsx
new file mode 100644
index 0000000..7d2b3c3
--- /dev/null
+++ b/src/components/ui/checkbox.tsx
@@ -0,0 +1,30 @@
+"use client"
+
+import * as React from "react"
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
+import { CheckIcon } from "@radix-ui/react-icons"
+
+import { cn } from "@/lib/utils"
+
+const Checkbox = React.forwardRef<
+  React.ElementRef<typeof CheckboxPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <CheckboxPrimitive.Root
+    ref={ref}
+    className={cn(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className
+    )}
+    {...props}
+  >
+    <CheckboxPrimitive.Indicator
+      className={cn("flex items-center justify-center text-current")}
+    >
+      <CheckIcon className="h-4 w-4" />
+    </CheckboxPrimitive.Indicator>
+  </CheckboxPrimitive.Root>
+))
+Checkbox.displayName = CheckboxPrimitive.Root.displayName
+
+export { Checkbox }
diff --git a/src/components/ui/checkout.tsx b/src/components/ui/checkout.tsx
new file mode 100644
index 0000000..e69de29

From 250d543c23064f13cf95860ea427d750117fc73a Mon Sep 17 00:00:00 2001
From: Joywin Bennis <107112207+joywin2003@users.noreply.github.com>
Date: Tue, 16 Apr 2024 12:53:18 +0530
Subject: [PATCH 10/37] registration UI

---
 package-lock.json                   | 280 +++++++++++++++++++++++++++-
 package.json                        |   8 +-
 src/app/layout.tsx                  |   2 +
 src/app/page.tsx                    |   1 -
 src/app/register/page.tsx           |  43 ++---
 src/components/razorpay/Buy.tsx     |  14 +-
 src/components/ui/checkout.tsx      | 110 +++++++++++
 src/components/ui/dropdown-menu.tsx | 205 ++++++++++++++++++++
 src/components/ui/form.tsx          | 176 +++++++++++++++++
 src/components/ui/separator.tsx     |  31 +++
 src/components/ui/toast.tsx         | 129 +++++++++++++
 src/components/ui/toaster.tsx       |  35 ++++
 src/components/ui/use-toast.ts      | 194 +++++++++++++++++++
 13 files changed, 1193 insertions(+), 35 deletions(-)
 create mode 100644 src/components/ui/dropdown-menu.tsx
 create mode 100644 src/components/ui/form.tsx
 create mode 100644 src/components/ui/separator.tsx
 create mode 100644 src/components/ui/toast.tsx
 create mode 100644 src/components/ui/toaster.tsx
 create mode 100644 src/components/ui/use-toast.ts

diff --git a/package-lock.json b/package-lock.json
index 69c4677..620ef17 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,14 +11,18 @@
         "@ant-design/icons": "^5.3.6",
         "@auth/prisma-adapter": "^1.6.0",
         "@gsap/react": "^2.1.0",
+        "@hookform/resolvers": "^3.3.4",
         "@prisma/client": "^5.12.1",
         "@radix-ui/react-checkbox": "^1.0.4",
         "@radix-ui/react-dialog": "^1.0.5",
+        "@radix-ui/react-dropdown-menu": "^2.0.6",
         "@radix-ui/react-icons": "^1.3.0",
         "@radix-ui/react-label": "^2.0.2",
         "@radix-ui/react-navigation-menu": "^1.1.4",
+        "@radix-ui/react-separator": "^1.0.3",
         "@radix-ui/react-slot": "^1.0.2",
         "@radix-ui/react-tabs": "^1.0.4",
+        "@radix-ui/react-toast": "^1.1.5",
         "@react-three/drei": "^9.105.1",
         "@react-three/fiber": "^8.16.1",
         "@studio-freight/react-lenis": "^0.0.46",
@@ -39,12 +43,14 @@
         "razorpay": "^2.9.2",
         "react": "^18",
         "react-dom": "^18",
+        "react-hook-form": "^7.51.3",
         "react-intersection-observer": "^9.8.1",
         "sharp": "^0.33.3",
         "shortid": "^2.2.16",
         "tailwind-merge": "^2.2.2",
         "tailwindcss-animate": "^1.0.7",
-        "three": "^0.163.0"
+        "three": "^0.163.0",
+        "zod": "^3.22.4"
       },
       "devDependencies": {
         "@faker-js/faker": "^8.4.1",
@@ -365,6 +371,40 @@
         "npm": ">=6.14.13"
       }
     },
+    "node_modules/@floating-ui/core": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.0.tgz",
+      "integrity": "sha512-PcF++MykgmTj3CIyOQbKA/hDzOAiqI3mhuoN44WRCopIs1sgoDoU4oty4Jtqaj/y3oDU6fnVSm4QG0a3t5i0+g==",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.1"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.3.tgz",
+      "integrity": "sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw==",
+      "dependencies": {
+        "@floating-ui/core": "^1.0.0",
+        "@floating-ui/utils": "^0.2.0"
+      }
+    },
+    "node_modules/@floating-ui/react-dom": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.8.tgz",
+      "integrity": "sha512-HOdqOt3R3OGeTKidaLvJKcgg75S6tibQ3Tif4eyd91QnIJWr0NLvoXFpJA/j8HqkFSL68GDca9AuyWEHlhyClw==",
+      "dependencies": {
+        "@floating-ui/dom": "^1.6.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
+      "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q=="
+    },
     "node_modules/@gsap/react": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/@gsap/react/-/react-2.1.0.tgz",
@@ -374,6 +414,14 @@
         "react": ">=16"
       }
     },
+    "node_modules/@hookform/resolvers": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-3.3.4.tgz",
+      "integrity": "sha512-o5cgpGOuJYrd+iMKvkttOclgwRW86EsWJZZRC23prf0uU2i48Htq4PuT73AVb9ionFyZrwYEITuOFGF+BydEtQ==",
+      "peerDependencies": {
+        "react-hook-form": "^7.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",
@@ -1206,6 +1254,29 @@
         "@babel/runtime": "^7.13.10"
       }
     },
+    "node_modules/@radix-ui/react-arrow": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.0.3.tgz",
+      "integrity": "sha512-wSP+pHsB/jQRaL6voubsQ/ZlrGBHHrOjmBnr19hxYgtS0WvAFwZhK2WP/YY5yF9uKECCEEDGxuLxq1NBK51wFA==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-primitive": "1.0.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-checkbox": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.0.4.tgz",
@@ -1376,6 +1447,35 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-dropdown-menu": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.0.6.tgz",
+      "integrity": "sha512-i6TuFOoWmLWq+M/eCLGd/bQ2HfAX1RJgvrBQ6AQLmzfvsLdefxbWu8G9zczcPFfcSPehz9GcpF6K9QYreFV8hA==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-id": "1.0.1",
+        "@radix-ui/react-menu": "2.0.6",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-controllable-state": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-focus-guards": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.0.1.tgz",
@@ -1467,6 +1567,46 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-menu": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.0.6.tgz",
+      "integrity": "sha512-BVkFLS+bUC8HcImkRKPSiVumA1VPOOEC5WBMiT+QAVsPzW1FJzI9KnqgGxVDPBcql5xXrHkD3JOVoXWEXD8SYA==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-collection": "1.0.3",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-direction": "1.0.1",
+        "@radix-ui/react-dismissable-layer": "1.0.5",
+        "@radix-ui/react-focus-guards": "1.0.1",
+        "@radix-ui/react-focus-scope": "1.0.4",
+        "@radix-ui/react-id": "1.0.1",
+        "@radix-ui/react-popper": "1.1.3",
+        "@radix-ui/react-portal": "1.0.4",
+        "@radix-ui/react-presence": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-roving-focus": "1.0.4",
+        "@radix-ui/react-slot": "1.0.2",
+        "@radix-ui/react-use-callback-ref": "1.0.1",
+        "aria-hidden": "^1.1.1",
+        "react-remove-scroll": "2.5.5"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-navigation-menu": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-navigation-menu/-/react-navigation-menu-1.1.4.tgz",
@@ -1503,6 +1643,38 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-popper": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.1.3.tgz",
+      "integrity": "sha512-cKpopj/5RHZWjrbF2846jBNacjQVwkP068DfmgrNJXpvVWrOvlAmE9xSiy5OqeE+Gi8D9fP+oDhUnPqNMY8/5w==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@floating-ui/react-dom": "^2.0.0",
+        "@radix-ui/react-arrow": "1.0.3",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-callback-ref": "1.0.1",
+        "@radix-ui/react-use-layout-effect": "1.0.1",
+        "@radix-ui/react-use-rect": "1.0.1",
+        "@radix-ui/react-use-size": "1.0.1",
+        "@radix-ui/rect": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-portal": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.0.4.tgz",
@@ -1604,6 +1776,29 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-separator": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.0.3.tgz",
+      "integrity": "sha512-itYmTy/kokS21aiV5+Z56MZB54KrhPgn6eHDKkFeOLR34HMN2s8PaN47qZZAGnvupcjxHaFZnW4pQEh0BvvVuw==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-primitive": "1.0.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-slot": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz",
@@ -1652,6 +1847,40 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-toast": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toast/-/react-toast-1.1.5.tgz",
+      "integrity": "sha512-fRLn227WHIBRSzuRzGJ8W+5YALxofH23y0MlPLddaIpLpCDqdE0NZlS2NRQDRiptfxDeeCjgFIpexB1/zkxDlw==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-collection": "1.0.3",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-dismissable-layer": "1.0.5",
+        "@radix-ui/react-portal": "1.0.4",
+        "@radix-ui/react-presence": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-callback-ref": "1.0.1",
+        "@radix-ui/react-use-controllable-state": "1.0.1",
+        "@radix-ui/react-use-layout-effect": "1.0.1",
+        "@radix-ui/react-visually-hidden": "1.0.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-use-callback-ref": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.1.tgz",
@@ -1739,6 +1968,24 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-use-rect": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.0.1.tgz",
+      "integrity": "sha512-Cq5DLuSiuYVKNU8orzJMbl15TXilTnJKUCltMVQg53BQOF1/C5toAaGrowkgksdBQ9H+SRL23g0HDmg9tvmxXw==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/rect": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-use-size": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.0.1.tgz",
@@ -1780,6 +2027,14 @@
         }
       }
     },
+    "node_modules/@radix-ui/rect": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.0.1.tgz",
+      "integrity": "sha512-fyrgCaedtvMg9NK3en0pnOYJdtfwxUcNolezkNPUsoX57X8oQk+NkqcvzHXD2uKNij6GXmWU9NDru2IWjrO4BQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      }
+    },
     "node_modules/@rc-component/color-picker": {
       "version": "1.5.3",
       "resolved": "https://registry.npmjs.org/@rc-component/color-picker/-/color-picker-1.5.3.tgz",
@@ -7207,6 +7462,21 @@
         "react": "^18.2.0"
       }
     },
+    "node_modules/react-hook-form": {
+      "version": "7.51.3",
+      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.51.3.tgz",
+      "integrity": "sha512-cvJ/wbHdhYx8aviSWh28w9ImjmVsb5Y05n1+FW786vEZQJV5STNM0pW6ujS+oiBecb0ARBxJFyAnXj9+GHXACQ==",
+      "engines": {
+        "node": ">=12.22.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/react-hook-form"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17 || ^18"
+      }
+    },
     "node_modules/react-intersection-observer": {
       "version": "9.8.1",
       "resolved": "https://registry.npmjs.org/react-intersection-observer/-/react-intersection-observer-9.8.1.tgz",
@@ -8951,6 +9221,14 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/zod": {
+      "version": "3.22.4",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.22.4.tgz",
+      "integrity": "sha512-iC+8Io04lddc+mVqQ9AZ7OQ2MrUKGN+oIQyq1vemgt46jwCwLfhq7/pwnBnNXXXZb8VTVLKwp9EDkx+ryxIWmg==",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
     "node_modules/zustand": {
       "version": "4.5.2",
       "resolved": "https://registry.npmjs.org/zustand/-/zustand-4.5.2.tgz",
diff --git a/package.json b/package.json
index dd3ccaf..7baf829 100644
--- a/package.json
+++ b/package.json
@@ -15,14 +15,18 @@
     "@ant-design/icons": "^5.3.6",
     "@auth/prisma-adapter": "^1.6.0",
     "@gsap/react": "^2.1.0",
+    "@hookform/resolvers": "^3.3.4",
     "@prisma/client": "^5.12.1",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-navigation-menu": "^1.1.4",
+    "@radix-ui/react-separator": "^1.0.3",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-toast": "^1.1.5",
     "@react-three/drei": "^9.105.1",
     "@react-three/fiber": "^8.16.1",
     "@studio-freight/react-lenis": "^0.0.46",
@@ -43,12 +47,14 @@
     "razorpay": "^2.9.2",
     "react": "^18",
     "react-dom": "^18",
+    "react-hook-form": "^7.51.3",
     "react-intersection-observer": "^9.8.1",
     "sharp": "^0.33.3",
     "shortid": "^2.2.16",
     "tailwind-merge": "^2.2.2",
     "tailwindcss-animate": "^1.0.7",
-    "three": "^0.163.0"
+    "three": "^0.163.0",
+    "zod": "^3.22.4"
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index eef6786..95af262 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -5,6 +5,7 @@ import type { Metadata, Viewport } from "next";
 import { Inter } from "next/font/google";
 import { SessionProvider } from "next-auth/react";
 import Script from "next/script";
+import { Toaster } from "@/components/ui/toaster"
 
 const inter = Inter({ subsets: ["latin"], variable: "--font-sans" });
 
@@ -43,6 +44,7 @@ export default function RootLayout({
             <Header />
             {children}
           </div>
+          <Toaster />
         </body>
       </html>
       <Script src="https://checkout.razorpay.com/v1/checkout.js" />
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7bc4757..c7f8e53 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,7 +19,6 @@ export default function Home() {
 
   return (
     <main className="flex min-h-[calc(100vh_-_theme(spacing.16))] flex-1 flex-col gap-4 py-0 md:gap-8 md:py-0">
-      <BuyProduct />
       <Lenis>
         <StarsCanvas />
         <HeroParallax images={images} />
diff --git a/src/app/register/page.tsx b/src/app/register/page.tsx
index e143468..1541f55 100644
--- a/src/app/register/page.tsx
+++ b/src/app/register/page.tsx
@@ -1,5 +1,6 @@
 "use client";
 import React, { useState } from "react";
+import Checkout from "@/components/ui/checkout";
 
 interface Event {
   name: string;
@@ -36,23 +37,22 @@ const Checkbox: React.FC<CheckboxProps> = ({
 };
 
 const events: Event[] = [
-  { name: "SyncLine Sprint", key: "syncLineSprint", amount: 30 },
-  { name: "DirtDash RC", key: "dirtDashRC", amount: 330 },
-  { name: "BlitzBot Soccer", key: "blitzBotSoccer", amount: 220 },
-  { name: "RoboClash", key: "roboClash", amount: 220 },
-  { name: "ONE PIECE", key: "onePiece", amount: 330 },
-  { name: "ZenFlow", key: "zenFlow", amount: 220 },
-  { name: "TYPING TITANS", key: "typingTitans", amount: 110 },
-  { name: "HYDROBLAST", key: "hydroBlast", amount: 340 },
-  { name: "Drone Clash", key: "droneClash", amount: 110 },
-  { name: "BUSINESS BAY", key: "businessBay", amount: 1120 },
-  { name: "BLACK MIRROR", key: "blackMirror", amount: 220 },
-  { name: "CADventures", key: "cadventures", amount: 10 },
+  { name: "SyncLine Sprint", key: "syncLineSprint", amount: 5 },
+  { name: "DirtDash RC", key: "dirtDashRC", amount: 10 },
+  { name: "BlitzBot Soccer", key: "blitzBotSoccer", amount: 15 },
+  { name: "RoboClash", key: "roboClash", amount: 20 },
+  { name: "ONE PIECE", key: "onePiece", amount: 25 },
+  { name: "ZenFlow", key: "zenFlow", amount: 30 },
+  { name: "TYPING TITANS", key: "typingTitans", amount: 35 },
+  { name: "HYDROBLAST", key: "hydroBlast", amount: 40 },
+  { name: "Drone Clash", key: "droneClash", amount: 45 },
+  { name: "BUSINESS BAY", key: "businessBay", amount: 50 },
+  { name: "BLACK MIRROR", key: "blackMirror", amount: 55 },
+  { name: "CADventures", key: "cadventures", amount: 60 },
 ];
 
 const Register: React.FC = () => {
   const [checkedItems, setCheckedItems] = useState<CheckedItem[]>([]);
-  const [amount, setAmount] = useState<number>(0);
 
   const handleCheckboxChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     const key = event.target.value;
@@ -90,20 +90,9 @@ const Register: React.FC = () => {
           </div>
         ))}
       </div>
-      <div className="w-1/3 border rounded-sm border-gray-600">
-        {checkedItems.map((item) => (
-          <div
-            className="flex justify-between items-center p-4 mb-2"
-            key={item.key}
-          >
-            <p>{item.name}</p>
-            <p>{item.amount}</p>
-          </div>
-        ))}
-        <div className="absolute bottom-2">
-          Total amount: {sumOfCheckedItemsAmount}
-        </div>
-      </div>
+      <Checkout 
+        checkedItems={checkedItems}
+        sumOfCheckedItemsAmount={sumOfCheckedItemsAmount} />
     </div>
   );
 };
diff --git a/src/components/razorpay/Buy.tsx b/src/components/razorpay/Buy.tsx
index 4d67880..9e9776c 100644
--- a/src/components/razorpay/Buy.tsx
+++ b/src/components/razorpay/Buy.tsx
@@ -1,13 +1,17 @@
 "use client";
 import { makePayment } from "@/lib/utils";
 import React, { useState } from "react";
+import {Button} from "@/components/ui/button";
 
-const Buy: React.FC = () => {
+interface Props {
+  makePayment: (productId: object) => void;
+}
+
+const Buy: React.FC<Props> = ({ makePayment }) => {
   const [isLoading, setIsLoading] = useState(false);
 
   return (
-    // Below is the button that will trigger the payment process
-      <button
+      <Button
         onClick={() => {
           makePayment({
             productId: null,
@@ -21,12 +25,12 @@ const Buy: React.FC = () => {
           });
         }}
         disabled={isLoading}
-        className={`bg-blue-500 text-white font-semibold mt-20 py-2 px-4 rounded ${
+        className={` font-semibold mt-20 py-2 px-4 rounded ${
           isLoading ? "opacity-50 cursor-not-allowed" : ""
         }`}
       >
         {isLoading ? "Processing..." : "Buy Now"}
-      </button>
+      </Button>
   );
 };
 
diff --git a/src/components/ui/checkout.tsx b/src/components/ui/checkout.tsx
index e69de29..92028c2 100644
--- a/src/components/ui/checkout.tsx
+++ b/src/components/ui/checkout.tsx
@@ -0,0 +1,110 @@
+import {
+  ChevronLeft,
+  ChevronRight,
+  Copy,
+  CreditCard,
+  MoreVertical,
+  Truck,
+} from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Separator } from "@/components/ui/separator";
+import BuyProduct from "../razorpay/BuyProduct";
+import Buy from "../razorpay/Buy";
+
+interface Event {
+  name: string;
+  key: string;
+  amount: number;
+}
+
+interface CheckedItem extends Event {
+  checked: boolean;
+}
+
+export default function Checkout({
+  checkedItems,
+  sumOfCheckedItemsAmount,
+}: {
+  checkedItems: CheckedItem[];
+  sumOfCheckedItemsAmount: number;
+}) {
+  return (
+    <Card className="overflow-hidden">
+      <CardHeader className="flex flex-row items-start bg-muted/50">
+        <div className="grid gap-0.5">
+          <CardTitle className="group flex items-center gap-2 text-lg">
+            Order Oe31b70H
+            <Button
+              size="icon"
+              variant="outline"
+              className="h-6 w-6 opacity-0 transition-opacity group-hover:opacity-100"
+            >
+              <Copy className="h-3 w-3" />
+              <span className="sr-only">Copy Order ID</span>
+            </Button>
+          </CardTitle>
+          <CardDescription>Tiara registration</CardDescription>
+        </div>
+        <div className="ml-auto flex items-center gap-1">
+          <Button size="sm" variant="outline" className="h-8 gap-1">
+            <Truck className="h-3.5 w-3.5" />
+            <span className="lg:sr-only xl:not-sr-only xl:whitespace-nowrap">
+              Track Order
+            </span>
+          </Button>
+          <DropdownMenu>
+            <DropdownMenuTrigger asChild>
+              <Button size="icon" variant="outline" className="h-8 w-8">
+                <MoreVertical className="h-3.5 w-3.5" />
+                <span className="sr-only">More</span>
+              </Button>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent align="end">
+              <DropdownMenuItem>Edit</DropdownMenuItem>
+              <DropdownMenuItem>Export</DropdownMenuItem>
+              <DropdownMenuSeparator />
+              <DropdownMenuItem>Trash</DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
+        </div>
+      </CardHeader>
+      <CardContent className="p-6 text-sm">
+        <div className="grid gap-3">
+          <div className="font-semibold">Order Details</div>
+          <ul className="grid gap-3">
+            {checkedItems.map((item) => (
+              <li className="flex items-center justify-between">
+                <span className="text-muted-foreground">{item.name}</span>
+                <span>{'\u20B9'}{item.amount}</span>
+              </li>
+            ))}
+          </ul>
+          <Separator className="my-2" />
+          <ul className="grid gap-3">
+            <li className="flex items-center justify-between font-semibold">
+              <span className="text-muted-foreground">Total</span>
+              <span>{'\u20B9'}{sumOfCheckedItemsAmount} /-</span>
+            </li>
+          </ul>
+          <BuyProduct />
+        </div>
+      </CardContent>
+    </Card>
+  );
+}
diff --git a/src/components/ui/dropdown-menu.tsx b/src/components/ui/dropdown-menu.tsx
new file mode 100644
index 0000000..242b07a
--- /dev/null
+++ b/src/components/ui/dropdown-menu.tsx
@@ -0,0 +1,205 @@
+"use client"
+
+import * as React from "react"
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
+import {
+  CheckIcon,
+  ChevronRightIcon,
+  DotFilledIcon,
+} from "@radix-ui/react-icons"
+
+import { cn } from "@/lib/utils"
+
+const DropdownMenu = DropdownMenuPrimitive.Root
+
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
+
+const DropdownMenuGroup = DropdownMenuPrimitive.Group
+
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal
+
+const DropdownMenuSub = DropdownMenuPrimitive.Sub
+
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
+
+const DropdownMenuSubTrigger = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRightIcon className="ml-auto h-4 w-4" />
+  </DropdownMenuPrimitive.SubTrigger>
+))
+DropdownMenuSubTrigger.displayName =
+  DropdownMenuPrimitive.SubTrigger.displayName
+
+const DropdownMenuSubContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuSubContent.displayName =
+  DropdownMenuPrimitive.SubContent.displayName
+
+const DropdownMenuContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <DropdownMenuPrimitive.Portal>
+    <DropdownMenuPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      )}
+      {...props}
+    />
+  </DropdownMenuPrimitive.Portal>
+))
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
+
+const DropdownMenuItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
+
+const DropdownMenuCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <DropdownMenuPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <CheckIcon className="h-4 w-4" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.CheckboxItem>
+))
+DropdownMenuCheckboxItem.displayName =
+  DropdownMenuPrimitive.CheckboxItem.displayName
+
+const DropdownMenuRadioItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <DotFilledIcon className="h-4 w-4 fill-current" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.RadioItem>
+))
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
+
+const DropdownMenuLabel = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Label
+    ref={ref}
+    className={cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
+
+const DropdownMenuSeparator = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
+
+const DropdownMenuShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
+      {...props}
+    />
+  )
+}
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut"
+
+export {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuGroup,
+  DropdownMenuPortal,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuRadioGroup,
+}
diff --git a/src/components/ui/form.tsx b/src/components/ui/form.tsx
new file mode 100644
index 0000000..f6afdaf
--- /dev/null
+++ b/src/components/ui/form.tsx
@@ -0,0 +1,176 @@
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { Slot } from "@radix-ui/react-slot"
+import {
+  Controller,
+  ControllerProps,
+  FieldPath,
+  FieldValues,
+  FormProvider,
+  useFormContext,
+} from "react-hook-form"
+
+import { cn } from "@/lib/utils"
+import { Label } from "@/components/ui/label"
+
+const Form = FormProvider
+
+type FormFieldContextValue<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+> = {
+  name: TName
+}
+
+const FormFieldContext = React.createContext<FormFieldContextValue>(
+  {} as FormFieldContextValue
+)
+
+const FormField = <
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => {
+  return (
+    <FormFieldContext.Provider value={{ name: props.name }}>
+      <Controller {...props} />
+    </FormFieldContext.Provider>
+  )
+}
+
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext)
+  const itemContext = React.useContext(FormItemContext)
+  const { getFieldState, formState } = useFormContext()
+
+  const fieldState = getFieldState(fieldContext.name, formState)
+
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>")
+  }
+
+  const { id } = itemContext
+
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState,
+  }
+}
+
+type FormItemContextValue = {
+  id: string
+}
+
+const FormItemContext = React.createContext<FormItemContextValue>(
+  {} as FormItemContextValue
+)
+
+const FormItem = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const id = React.useId()
+
+  return (
+    <FormItemContext.Provider value={{ id }}>
+      <div ref={ref} className={cn("space-y-2", className)} {...props} />
+    </FormItemContext.Provider>
+  )
+})
+FormItem.displayName = "FormItem"
+
+const FormLabel = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
+>(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField()
+
+  return (
+    <Label
+      ref={ref}
+      className={cn(error && "text-destructive", className)}
+      htmlFor={formItemId}
+      {...props}
+    />
+  )
+})
+FormLabel.displayName = "FormLabel"
+
+const FormControl = React.forwardRef<
+  React.ElementRef<typeof Slot>,
+  React.ComponentPropsWithoutRef<typeof Slot>
+>(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
+
+  return (
+    <Slot
+      ref={ref}
+      id={formItemId}
+      aria-describedby={
+        !error
+          ? `${formDescriptionId}`
+          : `${formDescriptionId} ${formMessageId}`
+      }
+      aria-invalid={!!error}
+      {...props}
+    />
+  )
+})
+FormControl.displayName = "FormControl"
+
+const FormDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField()
+
+  return (
+    <p
+      ref={ref}
+      id={formDescriptionId}
+      className={cn("text-[0.8rem] text-muted-foreground", className)}
+      {...props}
+    />
+  )
+})
+FormDescription.displayName = "FormDescription"
+
+const FormMessage = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField()
+  const body = error ? String(error?.message) : children
+
+  if (!body) {
+    return null
+  }
+
+  return (
+    <p
+      ref={ref}
+      id={formMessageId}
+      className={cn("text-[0.8rem] font-medium text-destructive", className)}
+      {...props}
+    >
+      {body}
+    </p>
+  )
+})
+FormMessage.displayName = "FormMessage"
+
+export {
+  useFormField,
+  Form,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+  FormMessage,
+  FormField,
+}
diff --git a/src/components/ui/separator.tsx b/src/components/ui/separator.tsx
new file mode 100644
index 0000000..12d81c4
--- /dev/null
+++ b/src/components/ui/separator.tsx
@@ -0,0 +1,31 @@
+"use client"
+
+import * as React from "react"
+import * as SeparatorPrimitive from "@radix-ui/react-separator"
+
+import { cn } from "@/lib/utils"
+
+const Separator = React.forwardRef<
+  React.ElementRef<typeof SeparatorPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
+>(
+  (
+    { className, orientation = "horizontal", decorative = true, ...props },
+    ref
+  ) => (
+    <SeparatorPrimitive.Root
+      ref={ref}
+      decorative={decorative}
+      orientation={orientation}
+      className={cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      )}
+      {...props}
+    />
+  )
+)
+Separator.displayName = SeparatorPrimitive.Root.displayName
+
+export { Separator }
diff --git a/src/components/ui/toast.tsx b/src/components/ui/toast.tsx
new file mode 100644
index 0000000..cc4e0ab
--- /dev/null
+++ b/src/components/ui/toast.tsx
@@ -0,0 +1,129 @@
+"use client"
+
+import * as React from "react"
+import { Cross2Icon } from "@radix-ui/react-icons"
+import * as ToastPrimitives from "@radix-ui/react-toast"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const ToastProvider = ToastPrimitives.Provider
+
+const ToastViewport = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Viewport>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Viewport
+    ref={ref}
+    className={cn(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      className
+    )}
+    {...props}
+  />
+))
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName
+
+const toastVariants = cva(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border bg-background text-foreground",
+        destructive:
+          "destructive group border-destructive bg-destructive text-destructive-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+const Toast = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
+    VariantProps<typeof toastVariants>
+>(({ className, variant, ...props }, ref) => {
+  return (
+    <ToastPrimitives.Root
+      ref={ref}
+      className={cn(toastVariants({ variant }), className)}
+      {...props}
+    />
+  )
+})
+Toast.displayName = ToastPrimitives.Root.displayName
+
+const ToastAction = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Action>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Action
+    ref={ref}
+    className={cn(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      className
+    )}
+    {...props}
+  />
+))
+ToastAction.displayName = ToastPrimitives.Action.displayName
+
+const ToastClose = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Close>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Close
+    ref={ref}
+    className={cn(
+      "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      className
+    )}
+    toast-close=""
+    {...props}
+  >
+    <Cross2Icon className="h-4 w-4" />
+  </ToastPrimitives.Close>
+))
+ToastClose.displayName = ToastPrimitives.Close.displayName
+
+const ToastTitle = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Title>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Title
+    ref={ref}
+    className={cn("text-sm font-semibold [&+div]:text-xs", className)}
+    {...props}
+  />
+))
+ToastTitle.displayName = ToastPrimitives.Title.displayName
+
+const ToastDescription = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Description>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Description
+    ref={ref}
+    className={cn("text-sm opacity-90", className)}
+    {...props}
+  />
+))
+ToastDescription.displayName = ToastPrimitives.Description.displayName
+
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>
+
+type ToastActionElement = React.ReactElement<typeof ToastAction>
+
+export {
+  type ToastProps,
+  type ToastActionElement,
+  ToastProvider,
+  ToastViewport,
+  Toast,
+  ToastTitle,
+  ToastDescription,
+  ToastClose,
+  ToastAction,
+}
diff --git a/src/components/ui/toaster.tsx b/src/components/ui/toaster.tsx
new file mode 100644
index 0000000..e223385
--- /dev/null
+++ b/src/components/ui/toaster.tsx
@@ -0,0 +1,35 @@
+"use client"
+
+import {
+  Toast,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+} from "@/components/ui/toast"
+import { useToast } from "@/components/ui/use-toast"
+
+export function Toaster() {
+  const { toasts } = useToast()
+
+  return (
+    <ToastProvider>
+      {toasts.map(function ({ id, title, description, action, ...props }) {
+        return (
+          <Toast key={id} {...props}>
+            <div className="grid gap-1">
+              {title && <ToastTitle>{title}</ToastTitle>}
+              {description && (
+                <ToastDescription>{description}</ToastDescription>
+              )}
+            </div>
+            {action}
+            <ToastClose />
+          </Toast>
+        )
+      })}
+      <ToastViewport />
+    </ToastProvider>
+  )
+}
diff --git a/src/components/ui/use-toast.ts b/src/components/ui/use-toast.ts
new file mode 100644
index 0000000..02e111d
--- /dev/null
+++ b/src/components/ui/use-toast.ts
@@ -0,0 +1,194 @@
+"use client"
+
+// Inspired by react-hot-toast library
+import * as React from "react"
+
+import type {
+  ToastActionElement,
+  ToastProps,
+} from "@/components/ui/toast"
+
+const TOAST_LIMIT = 1
+const TOAST_REMOVE_DELAY = 1000000
+
+type ToasterToast = ToastProps & {
+  id: string
+  title?: React.ReactNode
+  description?: React.ReactNode
+  action?: ToastActionElement
+}
+
+const actionTypes = {
+  ADD_TOAST: "ADD_TOAST",
+  UPDATE_TOAST: "UPDATE_TOAST",
+  DISMISS_TOAST: "DISMISS_TOAST",
+  REMOVE_TOAST: "REMOVE_TOAST",
+} as const
+
+let count = 0
+
+function genId() {
+  count = (count + 1) % Number.MAX_SAFE_INTEGER
+  return count.toString()
+}
+
+type ActionType = typeof actionTypes
+
+type Action =
+  | {
+      type: ActionType["ADD_TOAST"]
+      toast: ToasterToast
+    }
+  | {
+      type: ActionType["UPDATE_TOAST"]
+      toast: Partial<ToasterToast>
+    }
+  | {
+      type: ActionType["DISMISS_TOAST"]
+      toastId?: ToasterToast["id"]
+    }
+  | {
+      type: ActionType["REMOVE_TOAST"]
+      toastId?: ToasterToast["id"]
+    }
+
+interface State {
+  toasts: ToasterToast[]
+}
+
+const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()
+
+const addToRemoveQueue = (toastId: string) => {
+  if (toastTimeouts.has(toastId)) {
+    return
+  }
+
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId)
+    dispatch({
+      type: "REMOVE_TOAST",
+      toastId: toastId,
+    })
+  }, TOAST_REMOVE_DELAY)
+
+  toastTimeouts.set(toastId, timeout)
+}
+
+export const reducer = (state: State, action: Action): State => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
+      }
+
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === action.toast.id ? { ...t, ...action.toast } : t
+        ),
+      }
+
+    case "DISMISS_TOAST": {
+      const { toastId } = action
+
+      // ! Side effects ! - This could be extracted into a dismissToast() action,
+      // but I'll keep it here for simplicity
+      if (toastId) {
+        addToRemoveQueue(toastId)
+      } else {
+        state.toasts.forEach((toast) => {
+          addToRemoveQueue(toast.id)
+        })
+      }
+
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === toastId || toastId === undefined
+            ? {
+                ...t,
+                open: false,
+              }
+            : t
+        ),
+      }
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === undefined) {
+        return {
+          ...state,
+          toasts: [],
+        }
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId),
+      }
+  }
+}
+
+const listeners: Array<(state: State) => void> = []
+
+let memoryState: State = { toasts: [] }
+
+function dispatch(action: Action) {
+  memoryState = reducer(memoryState, action)
+  listeners.forEach((listener) => {
+    listener(memoryState)
+  })
+}
+
+type Toast = Omit<ToasterToast, "id">
+
+function toast({ ...props }: Toast) {
+  const id = genId()
+
+  const update = (props: ToasterToast) =>
+    dispatch({
+      type: "UPDATE_TOAST",
+      toast: { ...props, id },
+    })
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id })
+
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) dismiss()
+      },
+    },
+  })
+
+  return {
+    id: id,
+    dismiss,
+    update,
+  }
+}
+
+function useToast() {
+  const [state, setState] = React.useState<State>(memoryState)
+
+  React.useEffect(() => {
+    listeners.push(setState)
+    return () => {
+      const index = listeners.indexOf(setState)
+      if (index > -1) {
+        listeners.splice(index, 1)
+      }
+    }
+  }, [state])
+
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
+  }
+}
+
+export { useToast, toast }

From 0dc7e8bff9381d6373f5ac27e119144c18ecc7d4 Mon Sep 17 00:00:00 2001
From: Joywin Bennis <107112207+joywin2003@users.noreply.github.com>
Date: Tue, 16 Apr 2024 12:54:46 +0530
Subject: [PATCH 11/37] merged

---
 src/components/razorpay/BuyProduct.tsx | 36 +++++++++++++++++++++++++-
 1 file changed, 35 insertions(+), 1 deletion(-)

diff --git a/src/components/razorpay/BuyProduct.tsx b/src/components/razorpay/BuyProduct.tsx
index 06e292d..62ee495 100644
--- a/src/components/razorpay/BuyProduct.tsx
+++ b/src/components/razorpay/BuyProduct.tsx
@@ -3,13 +3,47 @@ import React, { Suspense } from "react";
 import Buy from "./Buy";
 import { useRouter } from "next/navigation";
 
+declare global {
+  interface Window {
+    Razorpay: any;
+  }
+}
+
 const BuyProduct = () => {
   const router = useRouter();
 
+  const makePayment = async ({ productId = null }) => {
+    const key = process.env.RAZORPAY_API_KEY;
+    console.log(key);
+    const data = await fetch("http://localhost:3000/api/razorpay");
+    const { order } = await data.json();
+    console.log(order.id);
+    const options = {
+      key: key,
+      name: "Joywin Bennis",
+      currency: order.currency,
+      amount: order.amount,
+      order_id: order.id,
+      description: "Tiara Registration Fee",
+      prefill: {
+        name: "Lord Joywin",
+        email: "joywinbennis@gmail.com",
+        contact: "9354536067",
+      },
+    };
+
+    const paymentObject = new window.Razorpay(options);
+    paymentObject.open();
+
+    paymentObject.on("payment.failed", function (response: any) {
+      alert("Payment failed. Please try again. Contact support for help");
+    });
+  };
+
   return (
     <>
       <Suspense fallback={null}>
-        <Buy />
+        <Buy makePayment={makePayment} />
       </Suspense>
     </>
   );

From be4aa270787e0f16c081f117d2a14529eda206d3 Mon Sep 17 00:00:00 2001
From: Joywin Bennis <107112207+joywin2003@users.noreply.github.com>
Date: Tue, 16 Apr 2024 14:59:47 +0530
Subject: [PATCH 12/37] razorpay

---
 src/app/api/razorpay/route.ts          | 18 ++++++++--
 src/components/razorpay/Buy.tsx        | 24 ++++++++++---
 src/components/razorpay/BuyProduct.tsx | 48 +++++++++-----------------
 src/components/ui/checkout.tsx         | 17 +++++++--
 src/lib/utils.ts                       | 14 ++++++--
 5 files changed, 77 insertions(+), 44 deletions(-)

diff --git a/src/app/api/razorpay/route.ts b/src/app/api/razorpay/route.ts
index 22833ac..708def4 100644
--- a/src/app/api/razorpay/route.ts
+++ b/src/app/api/razorpay/route.ts
@@ -33,7 +33,21 @@ export async function GET() {
 
 export async function POST(req: Request) {
   const body = await req.json();
+  const payment_capture = 1;
+    const amount = body.amount*100; // amount in paisa. In our case it's INR 1
+    const currency = "INR";
+    const options = {
+        amount: amount.toString(),
+        currency,
+        receipt: shortid.generate(),
+        payment_capture,
+        notes: {
+            paymentFor: "testingDemo",
+            userId: "100",
+            productId: 'P100'
+        }
 
-
-  return NextResponse.json({ msg: body });
+      }
+      const order = await instance.orders.create(options);
+    return NextResponse.json({ msg: "success",order });
 }
\ No newline at end of file
diff --git a/src/components/razorpay/Buy.tsx b/src/components/razorpay/Buy.tsx
index 9e9776c..0c64f2b 100644
--- a/src/components/razorpay/Buy.tsx
+++ b/src/components/razorpay/Buy.tsx
@@ -7,20 +7,34 @@ interface Props {
   makePayment: (productId: object) => void;
 }
 
-const Buy: React.FC<Props> = ({ makePayment }) => {
+interface UserData {
+  name: string;
+  email: string;
+  contact: string;
+  amount: number;
+}
+
+const Buy = (userData: {
+  amount: number;
+  contact: string;
+  email: string;
+  name: string;
+}) => {
   const [isLoading, setIsLoading] = useState(false);
 
   return (
       <Button
         onClick={() => {
+          console.log(userData);
           makePayment({
             productId: null,
-            productName: "Product Name",
+            productName: "Tiara Registration",
             description: "Product Description",
+            amount: userData.amount,
             prefillData: {
-              name: "John Doe",
-              email: "johndoe@email.com",
-              contact: "9876543210",
+              name: userData.name,
+              email: userData.email,
+              contact: userData.contact,
             },
           });
         }}
diff --git a/src/components/razorpay/BuyProduct.tsx b/src/components/razorpay/BuyProduct.tsx
index 62ee495..673f9f1 100644
--- a/src/components/razorpay/BuyProduct.tsx
+++ b/src/components/razorpay/BuyProduct.tsx
@@ -9,41 +9,27 @@ declare global {
   }
 }
 
-const BuyProduct = () => {
+const BuyProduct = ({
+  name,
+  email,
+  contact,
+  amount,
+}: {
+  name: string;
+  email: string;
+  contact: string;
+  amount: number;
+}) => {
   const router = useRouter();
-
-  const makePayment = async ({ productId = null }) => {
-    const key = process.env.RAZORPAY_API_KEY;
-    console.log(key);
-    const data = await fetch("http://localhost:3000/api/razorpay");
-    const { order } = await data.json();
-    console.log(order.id);
-    const options = {
-      key: key,
-      name: "Joywin Bennis",
-      currency: order.currency,
-      amount: order.amount,
-      order_id: order.id,
-      description: "Tiara Registration Fee",
-      prefill: {
-        name: "Lord Joywin",
-        email: "joywinbennis@gmail.com",
-        contact: "9354536067",
-      },
-    };
-
-    const paymentObject = new window.Razorpay(options);
-    paymentObject.open();
-
-    paymentObject.on("payment.failed", function (response: any) {
-      alert("Payment failed. Please try again. Contact support for help");
-    });
-  };
-
   return (
     <>
       <Suspense fallback={null}>
-        <Buy makePayment={makePayment} />
+        <Buy
+          name={name}
+          email={email}
+          contact={contact}
+          amount={amount}
+        />
       </Suspense>
     </>
   );
diff --git a/src/components/ui/checkout.tsx b/src/components/ui/checkout.tsx
index 92028c2..abcee9b 100644
--- a/src/components/ui/checkout.tsx
+++ b/src/components/ui/checkout.tsx
@@ -91,7 +91,10 @@ export default function Checkout({
             {checkedItems.map((item) => (
               <li className="flex items-center justify-between">
                 <span className="text-muted-foreground">{item.name}</span>
-                <span>{'\u20B9'}{item.amount}</span>
+                <span>
+                  {"\u20B9"}
+                  {item.amount}
+                </span>
               </li>
             ))}
           </ul>
@@ -99,10 +102,18 @@ export default function Checkout({
           <ul className="grid gap-3">
             <li className="flex items-center justify-between font-semibold">
               <span className="text-muted-foreground">Total</span>
-              <span>{'\u20B9'}{sumOfCheckedItemsAmount} /-</span>
+              <span>
+                {"\u20B9"}
+                {sumOfCheckedItemsAmount} /-
+              </span>
             </li>
           </ul>
-          <BuyProduct />
+          <BuyProduct
+            name={"Joywin"}
+            email={"a@b.com"}
+            contact={"1234567890"}
+            amount={sumOfCheckedItemsAmount}
+          />
         </div>
       </CardContent>
     </Card>
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index fd69bfa..648233c 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -21,6 +21,7 @@ export interface makePaymentProps {
   productId: string | null;
   productName: string;
   description: string;
+  amount: number;
   prefillData: {
     name: string;
     email: string;
@@ -33,16 +34,23 @@ export const makePayment = async ({
   productName,
   description,
   prefillData,
+  amount,
 }: makePaymentProps) => {
   const key = process.env.RAZORPAY_API_KEY;
-  const data = await fetch("/api/razorpay");
-  const { order } = await data.json();
+  const response = await fetch("/api/razorpay", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json", // Assuming the API expects JSON
+    },
+    body: JSON.stringify({ amount }), // Pass amount as a parameter in the request body
+  });
+  const { order } = await response.json();
   console.log(order.id);
   const options = {
     key: key,
     name: productName,
     currency: order.currency,
-    amount: order.amount,
+    amount: amount,
     order_id: order.id,
     description: description,
     prefill: {

From 1e4282cd0e7e7b5cea805917fce47bf2c19fbcdf Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Tue, 16 Apr 2024 15:06:50 +0530
Subject: [PATCH 13/37] fix: Refactor Razorpay integration in route.ts

---
 src/app/api/razorpay/route.ts | 24 ------------------------
 1 file changed, 24 deletions(-)

diff --git a/src/app/api/razorpay/route.ts b/src/app/api/razorpay/route.ts
index 708def4..2cbcf5e 100644
--- a/src/app/api/razorpay/route.ts
+++ b/src/app/api/razorpay/route.ts
@@ -7,30 +7,6 @@ const instance = new Razorpay({
     key_secret: process.env.RAZORPAY_SECRET as string,
   });
 
-
-export async function GET() {
-
-    const payment_capture = 1;
-    const amount = 1 * 100 // amount in paisa. In our case it's INR 1
-    const currency = "INR";
-    const options = {
-        amount: (amount).toString(),
-        currency,
-        receipt: shortid.generate(),
-        payment_capture,
-        notes: {
-            // These notes will be added to your transaction. So you can search it within their dashboard.
-            // Also, it's included in webhooks as well. So you can automate it.
-            paymentFor: "testingDemo",
-            userId: "100",
-            productId: 'P100'
-        }
-    };
-
-   const order = await instance.orders.create(options);
-  return NextResponse.json({ msg: "success",order });
-}
-
 export async function POST(req: Request) {
   const body = await req.json();
   const payment_capture = 1;

From 65ccd9ea050816c6245e858c84fac32146017479 Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Tue, 16 Apr 2024 15:07:27 +0530
Subject: [PATCH 14/37] fix: Refactor Razorpay integration in route.ts

---
 src/app/api/razorpay/route.ts | 39 +++++++++++++++++------------------
 1 file changed, 19 insertions(+), 20 deletions(-)

diff --git a/src/app/api/razorpay/route.ts b/src/app/api/razorpay/route.ts
index 2cbcf5e..be96f7c 100644
--- a/src/app/api/razorpay/route.ts
+++ b/src/app/api/razorpay/route.ts
@@ -3,27 +3,26 @@ import Razorpay from "razorpay";
 import shortid from "shortid";
 
 const instance = new Razorpay({
-    key_id: process.env.RAZORPAY_KEY as string,
-    key_secret: process.env.RAZORPAY_SECRET as string,
-  });
+  key_id: process.env.RAZORPAY_KEY as string,
+  key_secret: process.env.RAZORPAY_SECRET as string,
+});
 
 export async function POST(req: Request) {
   const body = await req.json();
   const payment_capture = 1;
-    const amount = body.amount*100; // amount in paisa. In our case it's INR 1
-    const currency = "INR";
-    const options = {
-        amount: amount.toString(),
-        currency,
-        receipt: shortid.generate(),
-        payment_capture,
-        notes: {
-            paymentFor: "testingDemo",
-            userId: "100",
-            productId: 'P100'
-        }
-
-      }
-      const order = await instance.orders.create(options);
-    return NextResponse.json({ msg: "success",order });
-}
\ No newline at end of file
+  const amount = body.amount * 100; // amount in paisa. In our case it's INR 1
+  const currency = "INR";
+  const options = {
+    amount: amount.toString(),
+    currency,
+    receipt: shortid.generate(),
+    payment_capture,
+    notes: {
+      paymentFor: "testingDemo",
+      userId: "100",
+      productId: "P100",
+    },
+  };
+  const order = await instance.orders.create(options);
+  return NextResponse.json({ msg: "success", order });
+}

From 5ed03779fe05a61c2bdb84258db1dd217addc0a1 Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Tue, 16 Apr 2024 16:29:09 +0530
Subject: [PATCH 15/37] feat: Refactor Razorpay integration in route.ts and
 verify/route.ts, and update layout.tsx and utils.ts

---
 src/app/api/razorpay/route.ts        |  7 +++---
 src/app/api/razorpay/verify/route.ts | 37 ++++++++++++++++++++++++++++
 src/app/layout.tsx                   |  2 +-
 src/lib/utils.ts                     | 36 +++++++++++++++++++++------
 4 files changed, 70 insertions(+), 12 deletions(-)
 create mode 100644 src/app/api/razorpay/verify/route.ts

diff --git a/src/app/api/razorpay/route.ts b/src/app/api/razorpay/route.ts
index be96f7c..688c473 100644
--- a/src/app/api/razorpay/route.ts
+++ b/src/app/api/razorpay/route.ts
@@ -2,7 +2,7 @@ import { NextResponse } from "next/server";
 import Razorpay from "razorpay";
 import shortid from "shortid";
 
-const instance = new Razorpay({
+const razorpay = new Razorpay({
   key_id: process.env.RAZORPAY_KEY as string,
   key_secret: process.env.RAZORPAY_SECRET as string,
 });
@@ -23,6 +23,7 @@ export async function POST(req: Request) {
       productId: "P100",
     },
   };
-  const order = await instance.orders.create(options);
-  return NextResponse.json({ msg: "success", order });
+  const order = await razorpay.orders.create(options);
+  console.log(order);
+  return NextResponse.json({ orderId: order.id }, { status: 200 });
 }
diff --git a/src/app/api/razorpay/verify/route.ts b/src/app/api/razorpay/verify/route.ts
new file mode 100644
index 0000000..90ea026
--- /dev/null
+++ b/src/app/api/razorpay/verify/route.ts
@@ -0,0 +1,37 @@
+import { NextRequest, NextResponse } from 'next/server';
+import crypto from 'crypto';
+
+const generatedSignature = (
+ razorpayOrderId: string,
+ razorpayPaymentId: string
+) => {
+ const keySecret = process.env.RAZORPAY_SECRET;
+ if (!keySecret) {
+  throw new Error(
+   'Razorpay key secret is not defined in environment variables.'
+  );
+ }
+ const sig = crypto
+  .createHmac('sha256', keySecret)
+  .update(razorpayOrderId + '|' + razorpayPaymentId)
+  .digest('hex');
+ return sig;
+};
+
+
+export async function POST(request: NextRequest) {
+ const { orderCreationId, razorpayPaymentId, razorpaySignature } =
+  await request.json();
+
+ const signature = generatedSignature(orderCreationId, razorpayPaymentId);
+ if (signature !== razorpaySignature) {
+  return NextResponse.json(
+   { message: 'payment verification failed', isOk: false },
+   { status: 400 }
+  );
+ }
+ return NextResponse.json(
+  { message: 'payment verified successfully', isOk: true },
+  { status: 200 }
+ );
+}
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 95af262..33c182c 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -47,7 +47,7 @@ export default function RootLayout({
           <Toaster />
         </body>
       </html>
-      <Script src="https://checkout.razorpay.com/v1/checkout.js" />
+      <Script src="https://checkout.razorpay.com/v2/checkout.js" />
     </SessionProvider>
   );
 }
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 648233c..9ff516f 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -1,4 +1,5 @@
 import { clsx, type ClassValue } from "clsx";
+import { redirect } from "next/dist/server/api-utils";
 import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {
@@ -44,26 +45,45 @@ export const makePayment = async ({
     },
     body: JSON.stringify({ amount }), // Pass amount as a parameter in the request body
   });
-  const { order } = await response.json();
-  console.log(order.id);
+  const { orderId } = await response.json();
   const options = {
     key: key,
     name: productName,
-    currency: order.currency,
+    currency: "INR",
     amount: amount,
-    order_id: order.id,
+    order_id: orderId,
     description: description,
     prefill: {
       name: prefillData.name,
       email: prefillData.email,
       contact: prefillData.contact,
     },
+    handler: async function (response: any) {
+      const data = {
+        orderCreationId: orderId,
+        razorpayPaymentId: response.razorpay_payment_id,
+        razorpayOrderId: response.razorpay_order_id,
+        razorpaySignature: response.razorpay_signature,
+       };
+  
+       const result = await fetch('/api/razorpay/verify', {
+        method: 'POST',
+        body: JSON.stringify(data),
+        headers: { 'Content-Type': 'application/json' },
+       });
+       const res = await result.json();
+       if (res.isOk) alert("payment succeed");
+       else {
+        alert(res.message);
+       }
+    },
   };
-
+  
   const paymentObject = new window.Razorpay(options);
-  paymentObject.open();
-
+  
   paymentObject.on("payment.failed", function (response: any) {
-    alert("Payment failed. Please try again. Contact support for help");
+    alert("Payment failed. Please try again. Contact support for help"+response.error.description);
   });
+  paymentObject.open();
+
 };

From f6803ac19da3ee31d1925a61806934af3f154a92 Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Tue, 16 Apr 2024 18:50:18 +0530
Subject: [PATCH 16/37] fix: Refactor Razorpay integration in route.ts,
 Buy.tsx, and migration.sql files

---
 .../20240416121509_payment/migration.sql      |  46 +++++++
 .../migration.sql                             |   2 +
 .../migration.sql                             |  11 ++
 prisma/schema.prisma                          |  17 ++-
 src/app/api/razorpay/route.ts                 |   9 ++
 src/app/api/razorpay/verify/route.ts          | 116 +++++++++++++-----
 src/app/register/page.tsx                     |   8 ++
 src/components/razorpay/Buy.tsx               |   2 +-
 8 files changed, 171 insertions(+), 40 deletions(-)
 create mode 100644 prisma/migrations/20240416121509_payment/migration.sql
 create mode 100644 prisma/migrations/20240416122015_payment_signature_optional/migration.sql
 create mode 100644 prisma/migrations/20240416125046_change_payment_prim_key/migration.sql

diff --git a/prisma/migrations/20240416121509_payment/migration.sql b/prisma/migrations/20240416121509_payment/migration.sql
new file mode 100644
index 0000000..b80da1e
--- /dev/null
+++ b/prisma/migrations/20240416121509_payment/migration.sql
@@ -0,0 +1,46 @@
+/*
+  Warnings:
+
+  - You are about to drop the column `email` on the `faculty` table. All the data in the column will be lost.
+  - You are about to drop the column `name` on the `faculty` table. All the data in the column will be lost.
+  - You are about to drop the column `phone` on the `faculty` table. All the data in the column will be lost.
+  - You are about to drop the column `order_id` on the `payments` table. All the data in the column will be lost.
+  - You are about to drop the column `payment_id` on the `payments` table. All the data in the column will be lost.
+  - You are about to drop the column `email` on the `students` table. All the data in the column will be lost.
+  - You are about to drop the column `name` on the `students` table. All the data in the column will be lost.
+  - You are about to drop the column `phone` on the `students` table. All the data in the column will be lost.
+  - Added the required column `user_id` to the `faculty` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `orderCreationId` to the `payments` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `razorpayPaymentId` to the `payments` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `user_id` to the `students` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- DropIndex
+DROP INDEX "faculty_email_key";
+
+-- DropIndex
+DROP INDEX "students_email_key";
+
+-- AlterTable
+ALTER TABLE "faculty" DROP COLUMN "email",
+DROP COLUMN "name",
+DROP COLUMN "phone",
+ADD COLUMN     "user_id" TEXT NOT NULL;
+
+-- AlterTable
+ALTER TABLE "payments" DROP COLUMN "order_id",
+DROP COLUMN "payment_id",
+ADD COLUMN     "orderCreationId" TEXT NOT NULL,
+ADD COLUMN     "razorpayPaymentId" TEXT NOT NULL;
+
+-- AlterTable
+ALTER TABLE "students" DROP COLUMN "email",
+DROP COLUMN "name",
+DROP COLUMN "phone",
+ADD COLUMN     "user_id" TEXT NOT NULL;
+
+-- AddForeignKey
+ALTER TABLE "faculty" ADD CONSTRAINT "faculty_user_id_fkey" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "students" ADD CONSTRAINT "students_user_id_fkey" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE;
diff --git a/prisma/migrations/20240416122015_payment_signature_optional/migration.sql b/prisma/migrations/20240416122015_payment_signature_optional/migration.sql
new file mode 100644
index 0000000..2cf0e1b
--- /dev/null
+++ b/prisma/migrations/20240416122015_payment_signature_optional/migration.sql
@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "payments" ALTER COLUMN "signature" DROP NOT NULL;
diff --git a/prisma/migrations/20240416125046_change_payment_prim_key/migration.sql b/prisma/migrations/20240416125046_change_payment_prim_key/migration.sql
new file mode 100644
index 0000000..cfd6933
--- /dev/null
+++ b/prisma/migrations/20240416125046_change_payment_prim_key/migration.sql
@@ -0,0 +1,11 @@
+/*
+  Warnings:
+
+  - The primary key for the `payments` table will be changed. If it partially fails, the table could be left without primary key constraint.
+  - You are about to drop the column `id` on the `payments` table. All the data in the column will be lost.
+
+*/
+-- AlterTable
+ALTER TABLE "payments" DROP CONSTRAINT "payments_pkey",
+DROP COLUMN "id",
+ADD CONSTRAINT "payments_pkey" PRIMARY KEY ("razorpayPaymentId");
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index bc780ba..e808744 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -14,15 +14,14 @@ enum PaymentStatus {
 }
 
 model Payment {
-  id         String        @id @default(cuid())
-  payment_id String
-  order_id   String
-  signature  String
-  status     PaymentStatus @default(PENDING)
-  created_at DateTime      @default(now())
-  updated_at DateTime      @updatedAt
-  user       User          @relation(fields: [userId], references: [id], onDelete: Cascade)
-  userId     String        @map("user_id")
+  razorpayPaymentId String        @id
+  orderCreationId   String
+  signature         String?
+  status            PaymentStatus @default(PENDING)
+  created_at        DateTime      @default(now())
+  updated_at        DateTime      @updatedAt
+  user              User          @relation(fields: [userId], references: [id], onDelete: Cascade)
+  userId            String        @map("user_id")
 
   @@index([userId])
   @@map("payments")
diff --git a/src/app/api/razorpay/route.ts b/src/app/api/razorpay/route.ts
index 688c473..a20339f 100644
--- a/src/app/api/razorpay/route.ts
+++ b/src/app/api/razorpay/route.ts
@@ -1,3 +1,4 @@
+import { auth } from "@/auth";
 import { NextResponse } from "next/server";
 import Razorpay from "razorpay";
 import shortid from "shortid";
@@ -8,6 +9,14 @@ const razorpay = new Razorpay({
 });
 
 export async function POST(req: Request) {
+  const session = await auth();
+
+  if (!session) {
+    return NextResponse.json(
+      { message: "Unauthorized", isOk: false },
+      { status: 401 }
+    );
+  }
   const body = await req.json();
   const payment_capture = 1;
   const amount = body.amount * 100; // amount in paisa. In our case it's INR 1
diff --git a/src/app/api/razorpay/verify/route.ts b/src/app/api/razorpay/verify/route.ts
index 90ea026..4c9e403 100644
--- a/src/app/api/razorpay/verify/route.ts
+++ b/src/app/api/razorpay/verify/route.ts
@@ -1,37 +1,93 @@
-import { NextRequest, NextResponse } from 'next/server';
-import crypto from 'crypto';
+import { NextRequest, NextResponse } from "next/server";
+import crypto from "crypto";
+import { prisma } from "@/lib/prisma";
+import { PaymentStatus } from "@prisma/client";
+import { auth } from "@/auth";
 
 const generatedSignature = (
- razorpayOrderId: string,
- razorpayPaymentId: string
+  razorpayOrderId: string,
+  razorpayPaymentId: string
 ) => {
- const keySecret = process.env.RAZORPAY_SECRET;
- if (!keySecret) {
-  throw new Error(
-   'Razorpay key secret is not defined in environment variables.'
-  );
- }
- const sig = crypto
-  .createHmac('sha256', keySecret)
-  .update(razorpayOrderId + '|' + razorpayPaymentId)
-  .digest('hex');
- return sig;
+  const keySecret = process.env.RAZORPAY_SECRET;
+  if (!keySecret) {
+    throw new Error(
+      "Razorpay key secret is not defined in environment variables."
+    );
+  }
+  const sig = crypto
+    .createHmac("sha256", keySecret)
+    .update(razorpayOrderId + "|" + razorpayPaymentId)
+    .digest("hex");
+  return sig;
 };
 
-
 export async function POST(request: NextRequest) {
- const { orderCreationId, razorpayPaymentId, razorpaySignature } =
-  await request.json();
+  const { orderCreationId, razorpayPaymentId, razorpaySignature } =
+    await request.json();
+  const session = await auth();
+
+  if (!session) {
+    return NextResponse.json(
+      { message: "Unauthorized", isOk: false },
+      { status: 401 }
+    );
+  }
+
+  const signature = generatedSignature(orderCreationId, razorpayPaymentId);
+  if (signature !== razorpaySignature) {
+    await prisma.payment.upsert({
+      where: {
+        razorpayPaymentId,
+        user: {
+          email: session.user?.email,
+        },
+      },
+      update: {
+        status: PaymentStatus.FAILED,
+        orderCreationId,
+      },
+      create: {
+        razorpayPaymentId,
+        orderCreationId,
+        status: PaymentStatus.FAILED,
+        user: {
+          connect: {
+            email: session.user?.email!,
+          },
+        },
+      },
+    });
 
- const signature = generatedSignature(orderCreationId, razorpayPaymentId);
- if (signature !== razorpaySignature) {
-  return NextResponse.json(
-   { message: 'payment verification failed', isOk: false },
-   { status: 400 }
-  );
- }
- return NextResponse.json(
-  { message: 'payment verified successfully', isOk: true },
-  { status: 200 }
- );
-}
\ No newline at end of file
+    return NextResponse.json(
+      { message: "payment verification failed", isOk: false },
+      { status: 400 }
+    );
+  } else if (signature === razorpaySignature) {
+    await prisma.payment.upsert({
+      where: {
+        razorpayPaymentId,
+        user: {
+          email: session.user?.email,
+        },
+      },
+      update: {
+        status: PaymentStatus.SUCCESS,
+        orderCreationId,
+      },
+      create: {
+        razorpayPaymentId,
+        orderCreationId,
+        status: PaymentStatus.SUCCESS,
+        user: {
+          connect: {
+            email: session.user?.email!,
+          },
+        },
+      },
+    });
+    return NextResponse.json(
+      { message: "payment verified successfully", isOk: true },
+      { status: 200 }
+    );
+  }
+}
diff --git a/src/app/register/page.tsx b/src/app/register/page.tsx
index 1541f55..3ccce02 100644
--- a/src/app/register/page.tsx
+++ b/src/app/register/page.tsx
@@ -1,6 +1,7 @@
 "use client";
 import React, { useState } from "react";
 import Checkout from "@/components/ui/checkout";
+import { signIn, useSession } from "next-auth/react";
 
 interface Event {
   name: string;
@@ -52,6 +53,13 @@ const events: Event[] = [
 ];
 
 const Register: React.FC = () => {
+  const session = useSession({
+    required: true,
+    onUnauthenticated: async () => {
+      await signIn('google');
+    },
+  });
+
   const [checkedItems, setCheckedItems] = useState<CheckedItem[]>([]);
 
   const handleCheckboxChange = (event: React.ChangeEvent<HTMLInputElement>) => {
diff --git a/src/components/razorpay/Buy.tsx b/src/components/razorpay/Buy.tsx
index 0c64f2b..8f50a6e 100644
--- a/src/components/razorpay/Buy.tsx
+++ b/src/components/razorpay/Buy.tsx
@@ -38,7 +38,7 @@ const Buy = (userData: {
             },
           });
         }}
-        disabled={isLoading}
+        disabled={(userData.amount === 0 || isLoading) ? true : false}
         className={` font-semibold mt-20 py-2 px-4 rounded ${
           isLoading ? "opacity-50 cursor-not-allowed" : ""
         }`}

From f8064bad61999af0e5e08531cb4c0dfff64a7c78 Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Tue, 16 Apr 2024 22:57:01 +0530
Subject: [PATCH 17/37] fix: Refactor checkout component

---
 package-lock.json                      | 105 +++++++++++++++++++++++++
 src/components/razorpay/Buy.tsx        |   2 +-
 src/components/razorpay/BuyProduct.tsx |  38 ---------
 src/components/ui/checkout.tsx         |  87 ++++++++++----------
 4 files changed, 147 insertions(+), 85 deletions(-)
 delete mode 100644 src/components/razorpay/BuyProduct.tsx

diff --git a/package-lock.json b/package-lock.json
index 31f481f..957af33 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -654,6 +654,66 @@
         "glob": "10.3.10"
       }
     },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "14.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.1.4.tgz",
+      "integrity": "sha512-ubmUkbmW65nIAOmoxT1IROZdmmJMmdYvXIe8211send9ZYJu+SqxSnJM4TrPj9wmL6g9Atvj0S/2cFmMSS99jg==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "14.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.1.4.tgz",
+      "integrity": "sha512-b0Xo1ELj3u7IkZWAKcJPJEhBop117U78l70nfoQGo4xUSvv0PJSTaV4U9xQBLvZlnjsYkc8RwQN1HoH/oQmLlQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "14.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.1.4.tgz",
+      "integrity": "sha512-457G0hcLrdYA/u1O2XkRMsDKId5VKe3uKPvrKVOyuARa6nXrdhJOOYU9hkKKyQTMru1B8qEP78IAhf/1XnVqKA==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "14.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.1.4.tgz",
+      "integrity": "sha512-l/kMG+z6MB+fKA9KdtyprkTQ1ihlJcBh66cf0HvqGP+rXBbOXX0dpJatjZbHeunvEHoBBS69GYQG5ry78JMy3g==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
     "node_modules/@next/swc-linux-x64-gnu": {
       "version": "14.1.4",
       "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.1.4.tgz",
@@ -684,6 +744,51 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "14.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.1.4.tgz",
+      "integrity": "sha512-xzxF4ErcumXjO2Pvg/wVGrtr9QQJLk3IyQX1ddAC/fi6/5jZCZ9xpuL9Tzc4KPWMFq8GGWFVDMshZOdHGdkvag==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-ia32-msvc": {
+      "version": "14.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.1.4.tgz",
+      "integrity": "sha512-WZiz8OdbkpRw6/IU/lredZWKKZopUMhcI2F+XiMAcPja0uZYdMTZQRoQ0WZcvinn9xZAidimE7tN9W5v9Yyfyw==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "14.1.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.1.4.tgz",
+      "integrity": "sha512-4Rto21sPfw555sZ/XNLqfxDUNeLhNYGO2dlPqsnuCg8N8a2a9u1ltqBOPQ4vj1Gf7eJC0W2hHG2eYUHuiXgY2w==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
diff --git a/src/components/razorpay/Buy.tsx b/src/components/razorpay/Buy.tsx
index 8f50a6e..01dbbe0 100644
--- a/src/components/razorpay/Buy.tsx
+++ b/src/components/razorpay/Buy.tsx
@@ -39,7 +39,7 @@ const Buy = (userData: {
           });
         }}
         disabled={(userData.amount === 0 || isLoading) ? true : false}
-        className={` font-semibold mt-20 py-2 px-4 rounded ${
+        className={` font-semibold py-2 px-4 rounded ${
           isLoading ? "opacity-50 cursor-not-allowed" : ""
         }`}
       >
diff --git a/src/components/razorpay/BuyProduct.tsx b/src/components/razorpay/BuyProduct.tsx
deleted file mode 100644
index 673f9f1..0000000
--- a/src/components/razorpay/BuyProduct.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-"use client";
-import React, { Suspense } from "react";
-import Buy from "./Buy";
-import { useRouter } from "next/navigation";
-
-declare global {
-  interface Window {
-    Razorpay: any;
-  }
-}
-
-const BuyProduct = ({
-  name,
-  email,
-  contact,
-  amount,
-}: {
-  name: string;
-  email: string;
-  contact: string;
-  amount: number;
-}) => {
-  const router = useRouter();
-  return (
-    <>
-      <Suspense fallback={null}>
-        <Buy
-          name={name}
-          email={email}
-          contact={contact}
-          amount={amount}
-        />
-      </Suspense>
-    </>
-  );
-};
-
-export default BuyProduct;
diff --git a/src/components/ui/checkout.tsx b/src/components/ui/checkout.tsx
index abcee9b..7f7fb61 100644
--- a/src/components/ui/checkout.tsx
+++ b/src/components/ui/checkout.tsx
@@ -16,16 +16,13 @@ import {
   CardHeader,
   CardTitle,
 } from "@/components/ui/card";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
 import { Separator } from "@/components/ui/separator";
-import BuyProduct from "../razorpay/BuyProduct";
+import { Input } from "@/components/ui/input";
 import Buy from "../razorpay/Buy";
+import { Suspense } from "react";
+import React from "react";
+import { useSession } from "next-auth/react";
+import { Label } from "./label";
 
 interface Event {
   name: string;
@@ -44,48 +41,49 @@ export default function Checkout({
   checkedItems: CheckedItem[];
   sumOfCheckedItemsAmount: number;
 }) {
+  const [phoneNumber, setPhoneNumber] = React.useState("+91");
+  const session = useSession({
+    required: true,
+  });
   return (
     <Card className="overflow-hidden">
       <CardHeader className="flex flex-row items-start bg-muted/50">
         <div className="grid gap-0.5">
           <CardTitle className="group flex items-center gap-2 text-lg">
-            Order Oe31b70H
-            <Button
-              size="icon"
-              variant="outline"
-              className="h-6 w-6 opacity-0 transition-opacity group-hover:opacity-100"
-            >
-              <Copy className="h-3 w-3" />
-              <span className="sr-only">Copy Order ID</span>
-            </Button>
+            Event Registration
           </CardTitle>
-          <CardDescription>Tiara registration</CardDescription>
-        </div>
-        <div className="ml-auto flex items-center gap-1">
-          <Button size="sm" variant="outline" className="h-8 gap-1">
-            <Truck className="h-3.5 w-3.5" />
-            <span className="lg:sr-only xl:not-sr-only xl:whitespace-nowrap">
-              Track Order
-            </span>
-          </Button>
-          <DropdownMenu>
-            <DropdownMenuTrigger asChild>
-              <Button size="icon" variant="outline" className="h-8 w-8">
-                <MoreVertical className="h-3.5 w-3.5" />
-                <span className="sr-only">More</span>
-              </Button>
-            </DropdownMenuTrigger>
-            <DropdownMenuContent align="end">
-              <DropdownMenuItem>Edit</DropdownMenuItem>
-              <DropdownMenuItem>Export</DropdownMenuItem>
-              <DropdownMenuSeparator />
-              <DropdownMenuItem>Trash</DropdownMenuItem>
-            </DropdownMenuContent>
-          </DropdownMenu>
+          <CardDescription>Registration for Tiara 2024 events</CardDescription>
         </div>
       </CardHeader>
       <CardContent className="p-6 text-sm">
         <div className="grid gap-3">
+          <Label htmlFor="name">Name</Label>
+          <Input
+            type="text"
+            id="name"
+            aria-label="Name"
+            placeholder="Name"
+            value={session.data?.user?.name!}
+            disabled
+          />
+          <Label htmlFor="email">Email</Label>
+          <Input
+            type="email"
+            id="email"
+            aria-label="Email"
+            placeholder="Email"
+            value={session.data?.user?.email!}
+            disabled
+          />
+          <Label htmlFor="phone">Phone Number</Label>
+          <Input
+            type="tel"
+            id="phone"
+            aria-label="Phone number"
+            placeholder="Phone number"
+            value={phoneNumber}
+            onChange={(e) => setPhoneNumber(e.target.value)}
+          />
           <div className="font-semibold">Order Details</div>
           <ul className="grid gap-3">
             {checkedItems.map((item) => (
@@ -108,12 +106,9 @@ export default function Checkout({
               </span>
             </li>
           </ul>
-          <BuyProduct
-            name={"Joywin"}
-            email={"a@b.com"}
-            contact={"1234567890"}
-            amount={sumOfCheckedItemsAmount}
-          />
+          <Suspense fallback={null}>
+            <Buy name={session.data?.user?.name!} email={session.data?.user?.email!} contact={phoneNumber} amount={sumOfCheckedItemsAmount} />
+          </Suspense>
         </div>
       </CardContent>
     </Card>

From 730d6aa830006a4c7e05ed6f23515abfc8f0d01f Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Tue, 16 Apr 2024 23:28:45 +0530
Subject: [PATCH 18/37] fix: Refactor Buy and Checkout components for Razorpay
 integration

---
 src/app/register/page.tsx       | 70 +++++++++++++++++++++++++++++----
 src/components/razorpay/Buy.tsx |  5 ++-
 src/components/ui/checkout.tsx  | 53 ++++++-------------------
 3 files changed, 77 insertions(+), 51 deletions(-)

diff --git a/src/app/register/page.tsx b/src/app/register/page.tsx
index 3ccce02..6d4e7a5 100644
--- a/src/app/register/page.tsx
+++ b/src/app/register/page.tsx
@@ -2,6 +2,15 @@
 import React, { useState } from "react";
 import Checkout from "@/components/ui/checkout";
 import { signIn, useSession } from "next-auth/react";
+import { Label } from "@/components/ui/label";
+import {
+  Card,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Separator } from "@/components/ui/separator";
 
 interface Event {
   name: string;
@@ -56,11 +65,12 @@ const Register: React.FC = () => {
   const session = useSession({
     required: true,
     onUnauthenticated: async () => {
-      await signIn('google');
+      await signIn("google");
     },
   });
 
   const [checkedItems, setCheckedItems] = useState<CheckedItem[]>([]);
+  const [phoneNumber, setPhoneNumber] = React.useState("+91");
 
   const handleCheckboxChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     const key = event.target.value;
@@ -81,26 +91,70 @@ const Register: React.FC = () => {
   );
 
   return (
-    <div className="flex">
-      <div className="w-1/3 border rounded-sm border-gray-600">
+    <div className="flex flex-col sm:flex-row w-full items-start justify-center gap-4 p-2">
+      <Card className="w-full max-w-xl">
+        <CardHeader className="flex flex-row items-start bg-muted/50">
+          <div className="grid gap-0.5">
+            <CardTitle className="group flex items-center gap-2 text-lg">
+              Tiara 2024 Event Registration
+            </CardTitle>
+            <CardDescription>
+              Your name and email are pre-filled from your Google account.
+              <br /> Select the events you want to participate in and complete
+              the payment.
+            </CardDescription>
+          </div>
+        </CardHeader>
+        <div className="p-4">
+          <Label htmlFor="name">Name</Label>
+          <Input
+            type="text"
+            id="name"
+            aria-label="Name"
+            placeholder="Name"
+            value={session.data?.user?.name!}
+            disabled
+          />
+          <Label htmlFor="email">Email</Label>
+          <Input
+            type="email"
+            id="email"
+            aria-label="Email"
+            placeholder="Email"
+            value={session.data?.user?.email!}
+            disabled
+          />
+          <Label htmlFor="phone">Phone Number</Label>
+          <Input
+            type="tel"
+            id="phone"
+            aria-label="Phone number"
+            placeholder="Phone number"
+            value={phoneNumber}
+            onChange={(e) => setPhoneNumber(e.target.value)}
+          />
+        </div>
+        <Separator className="my-2" />
         {events.map((event) => (
           <div
             key={event.key}
             className="flex justify-between items-center p-4 mb-2"
           >
-            <span className="mr-4">{event.name}</span>
+            <Label className="mr-2">{event.name}</Label>
             <Checkbox
-              className="w-4 h-4"
+              className="w-6 h-6 rounded-full"
               value={event.key}
               checked={checkedItems.some((item) => item.key === event.key)}
               onChange={handleCheckboxChange}
             />
           </div>
         ))}
-      </div>
-      <Checkout 
+      </Card>
+      <Checkout
         checkedItems={checkedItems}
-        sumOfCheckedItemsAmount={sumOfCheckedItemsAmount} />
+        sumOfCheckedItemsAmount={sumOfCheckedItemsAmount}
+        phoneNumber={phoneNumber}
+      />
     </div>
   );
 };
diff --git a/src/components/razorpay/Buy.tsx b/src/components/razorpay/Buy.tsx
index 01dbbe0..0c8671b 100644
--- a/src/components/razorpay/Buy.tsx
+++ b/src/components/razorpay/Buy.tsx
@@ -2,6 +2,7 @@
 import { makePayment } from "@/lib/utils";
 import React, { useState } from "react";
 import {Button} from "@/components/ui/button";
+import { set } from "react-hook-form";
 
 interface Props {
   makePayment: (productId: object) => void;
@@ -25,7 +26,7 @@ const Buy = (userData: {
   return (
       <Button
         onClick={() => {
-          console.log(userData);
+          setIsLoading(true);
           makePayment({
             productId: null,
             productName: "Tiara Registration",
@@ -43,7 +44,7 @@ const Buy = (userData: {
           isLoading ? "opacity-50 cursor-not-allowed" : ""
         }`}
       >
-        {isLoading ? "Processing..." : "Buy Now"}
+        {isLoading ? "Processing..." : "Pay Now"}
       </Button>
   );
 };
diff --git a/src/components/ui/checkout.tsx b/src/components/ui/checkout.tsx
index 7f7fb61..d5bc27e 100644
--- a/src/components/ui/checkout.tsx
+++ b/src/components/ui/checkout.tsx
@@ -37,55 +37,21 @@ interface CheckedItem extends Event {
 export default function Checkout({
   checkedItems,
   sumOfCheckedItemsAmount,
+  phoneNumber,
 }: {
   checkedItems: CheckedItem[];
   sumOfCheckedItemsAmount: number;
+  phoneNumber: string;
 }) {
-  const [phoneNumber, setPhoneNumber] = React.useState("+91");
   const session = useSession({
     required: true,
   });
   return (
-    <Card className="overflow-hidden">
-      <CardHeader className="flex flex-row items-start bg-muted/50">
-        <div className="grid gap-0.5">
-          <CardTitle className="group flex items-center gap-2 text-lg">
-            Event Registration
-          </CardTitle>
-          <CardDescription>Registration for Tiara 2024 events</CardDescription>
-        </div>
-      </CardHeader>
+    <Card className="overflow-hidden w-full max-w-lg">
       <CardContent className="p-6 text-sm">
         <div className="grid gap-3">
-          <Label htmlFor="name">Name</Label>
-          <Input
-            type="text"
-            id="name"
-            aria-label="Name"
-            placeholder="Name"
-            value={session.data?.user?.name!}
-            disabled
-          />
-          <Label htmlFor="email">Email</Label>
-          <Input
-            type="email"
-            id="email"
-            aria-label="Email"
-            placeholder="Email"
-            value={session.data?.user?.email!}
-            disabled
-          />
-          <Label htmlFor="phone">Phone Number</Label>
-          <Input
-            type="tel"
-            id="phone"
-            aria-label="Phone number"
-            placeholder="Phone number"
-            value={phoneNumber}
-            onChange={(e) => setPhoneNumber(e.target.value)}
-          />
-          <div className="font-semibold">Order Details</div>
-          <ul className="grid gap-3">
+          <h1 className="text-lg font-semibold">Events summary</h1>
+          {checkedItems.length > 0 ? <ul className="grid gap-3">
             {checkedItems.map((item) => (
               <li className="flex items-center justify-between">
                 <span className="text-muted-foreground">{item.name}</span>
@@ -95,7 +61,7 @@ export default function Checkout({
                 </span>
               </li>
             ))}
-          </ul>
+          </ul> : <p className="text-muted-foreground">No events selected</p>}
           <Separator className="my-2" />
           <ul className="grid gap-3">
             <li className="flex items-center justify-between font-semibold">
@@ -107,7 +73,12 @@ export default function Checkout({
             </li>
           </ul>
           <Suspense fallback={null}>
-            <Buy name={session.data?.user?.name!} email={session.data?.user?.email!} contact={phoneNumber} amount={sumOfCheckedItemsAmount} />
+            <Buy
+              name={session.data?.user?.name!}
+              email={session.data?.user?.email!}
+              contact={phoneNumber}
+              amount={sumOfCheckedItemsAmount}
+            />
           </Suspense>
         </div>
       </CardContent>

From 00bd111ac5e71ae8c238e5289fedc5b78fb524c8 Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Tue, 16 Apr 2024 23:35:16 +0530
Subject: [PATCH 19/37] fix: Refactor Checkout component to include key prop in
 list items

---
 src/components/ui/checkout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ui/checkout.tsx b/src/components/ui/checkout.tsx
index d5bc27e..72ed346 100644
--- a/src/components/ui/checkout.tsx
+++ b/src/components/ui/checkout.tsx
@@ -53,7 +53,7 @@ export default function Checkout({
           <h1 className="text-lg font-semibold">Events summary</h1>
           {checkedItems.length > 0 ? <ul className="grid gap-3">
             {checkedItems.map((item) => (
-              <li className="flex items-center justify-between">
+              <li className="flex items-center justify-between" key={item.key}>
                 <span className="text-muted-foreground">{item.name}</span>
                 <span>
                   {"\u20B9"}

From 394b0a1a31d03cb45393e67da31af9149aea346d Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Tue, 16 Apr 2024 23:40:57 +0530
Subject: [PATCH 20/37] fix: remove unnecessary imports

---
 src/app/page.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index bc7d8c7..00fccad 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,8 +3,6 @@ import Lenis from "@/components/shared/lenis";
 import { HeroParallax } from "@/components/widgets/Hero";
 import { StarsCanvas } from "@/components/ui/Stars";
 import { useEffect, useState } from "react";
-import Buy from "@/components/razorpay/Buy";
-import BuyProduct from "@/components/razorpay/BuyProduct";
 
 export default function Home() {
   const [images, setImages] = useState<{ src: string; alt: string }[]>([]);

From c266261cf359da2649bd100e655577d7f5341b56 Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Tue, 16 Apr 2024 23:44:41 +0530
Subject: [PATCH 21/37] Refactor event registration title in Register page

---
 src/app/register/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/register/page.tsx b/src/app/register/page.tsx
index 6d4e7a5..6fe2d38 100644
--- a/src/app/register/page.tsx
+++ b/src/app/register/page.tsx
@@ -96,7 +96,7 @@ const Register: React.FC = () => {
         <CardHeader className="flex flex-row items-start bg-muted/50">
           <div className="grid gap-0.5">
             <CardTitle className="group flex items-center gap-2 text-lg">
-              Tiara 2024 Event Registration
+              <span className="font-tiara">Ti<span className="text-red-500">ar</span>a' 24</span> Event Registration
             </CardTitle>
             <CardDescription>
               Your name and email are pre-filled from your Google account.

From 52fa1d8aa696fcac5d665d72f6117f7f343b88ad Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Tue, 16 Apr 2024 23:52:38 +0530
Subject: [PATCH 22/37] fix: Refactor event registration title in Register page

---
 src/app/register/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/register/page.tsx b/src/app/register/page.tsx
index 6fe2d38..faf6124 100644
--- a/src/app/register/page.tsx
+++ b/src/app/register/page.tsx
@@ -96,7 +96,7 @@ const Register: React.FC = () => {
         <CardHeader className="flex flex-row items-start bg-muted/50">
           <div className="grid gap-0.5">
             <CardTitle className="group flex items-center gap-2 text-lg">
-              <span className="font-tiara">Ti<span className="text-red-500">ar</span>a' 24</span> Event Registration
+              <span className="font-tiara">Ti<span className="text-red-500">ar</span>a{"'"} 24</span> Event Registration
             </CardTitle>
             <CardDescription>
               Your name and email are pre-filled from your Google account.

From dc978cf634a9803bde8755dcd557f3702aeb062a Mon Sep 17 00:00:00 2001
From: Joywin Bennis <107112207+joywin2003@users.noreply.github.com>
Date: Wed, 17 Apr 2024 14:43:34 +0530
Subject: [PATCH 23/37] redirect

---
 src/components/razorpay/Buy.tsx | 5 ++++-
 src/lib/utils.ts                | 4 +++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/razorpay/Buy.tsx b/src/components/razorpay/Buy.tsx
index 0c8671b..aa6d265 100644
--- a/src/components/razorpay/Buy.tsx
+++ b/src/components/razorpay/Buy.tsx
@@ -3,6 +3,7 @@ import { makePayment } from "@/lib/utils";
 import React, { useState } from "react";
 import {Button} from "@/components/ui/button";
 import { set } from "react-hook-form";
+import { useRouter } from "next/navigation";
 
 interface Props {
   makePayment: (productId: object) => void;
@@ -22,6 +23,7 @@ const Buy = (userData: {
   name: string;
 }) => {
   const [isLoading, setIsLoading] = useState(false);
+  const router = useRouter();
 
   return (
       <Button
@@ -37,7 +39,8 @@ const Buy = (userData: {
               email: userData.email,
               contact: userData.contact,
             },
-          });
+          }
+        );
         }}
         disabled={(userData.amount === 0 || isLoading) ? true : false}
         className={` font-semibold py-2 px-4 rounded ${
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 9ff516f..1fda935 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -1,6 +1,7 @@
 import { clsx, type ClassValue } from "clsx";
 import { redirect } from "next/dist/server/api-utils";
 import { twMerge } from "tailwind-merge";
+import { useRouter } from "next/navigation";
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
@@ -72,10 +73,11 @@ export const makePayment = async ({
         headers: { 'Content-Type': 'application/json' },
        });
        const res = await result.json();
-       if (res.isOk) alert("payment succeed");
+       if (res.isOk) {alert("payment succeed"); window.location.href = "/"}
        else {
         alert(res.message);
        }
+
     },
   };
   

From c180c90f6c8bdafd52e924aee57867b9b38800f4 Mon Sep 17 00:00:00 2001
From: Joywin Bennis <107112207+joywin2003@users.noreply.github.com>
Date: Wed, 17 Apr 2024 16:49:29 +0530
Subject: [PATCH 24/37] emailing

---
 package-lock.json                    | 587 +++++++++++++++++++++++++++
 package.json                         |   5 +-
 src/app/api/razorpay/verify/route.ts |   2 +
 src/helper/Email.tsx                 |  15 +
 src/helper/mailer.tsx                |  38 ++
 src/lib/utils.ts                     |   4 +-
 6 files changed, 648 insertions(+), 3 deletions(-)
 create mode 100644 src/helper/Email.tsx
 create mode 100644 src/helper/mailer.tsx

diff --git a/package-lock.json b/package-lock.json
index 957af33..7d4f43b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,6 +23,7 @@
         "@radix-ui/react-slot": "^1.0.2",
         "@radix-ui/react-tabs": "^1.0.4",
         "@radix-ui/react-toast": "^1.1.5",
+        "@react-email/components": "0.0.16",
         "@react-three/drei": "^9.105.1",
         "@react-three/fiber": "^8.16.1",
         "@studio-freight/react-lenis": "^0.0.46",
@@ -40,6 +41,7 @@
         "maath": "^0.10.7",
         "next": "^14.1.4",
         "next-auth": "^5.0.0-beta.16",
+        "nodemailer": "^6.9.13",
         "preline": "^2.1.0",
         "razorpay": "^2.9.2",
         "react": "^18",
@@ -57,6 +59,7 @@
         "@faker-js/faker": "^8.4.1",
         "@tailwindcss/forms": "^0.5.7",
         "@types/node": "^20",
+        "@types/nodemailer": "^6.4.14",
         "@types/react": "^18.2.76",
         "@types/react-dom": "^18",
         "@types/shortid": "^0.0.32",
@@ -821,6 +824,11 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@one-ini/wasm": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@one-ini/wasm/-/wasm-0.1.1.tgz",
+      "integrity": "sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw=="
+    },
     "node_modules/@panva/hkdf": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@panva/hkdf/-/hkdf-1.1.1.tgz",
@@ -1810,6 +1818,268 @@
         "react-dom": ">=16.9.0"
       }
     },
+    "node_modules/@react-email/body": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/@react-email/body/-/body-0.0.7.tgz",
+      "integrity": "sha512-vjJ5P1MUNWV0KNivaEWA6MGj/I3c764qQJMsKjCHlW6mkFJ4SXbm2OlQFtKAb++Bj8LDqBlnE6oW77bWcMc0NA==",
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
+    "node_modules/@react-email/button": {
+      "version": "0.0.14",
+      "resolved": "https://registry.npmjs.org/@react-email/button/-/button-0.0.14.tgz",
+      "integrity": "sha512-SMk40moGcAvkHIALX4XercQlK0PNeeEIam6OXHw68ea9WtzzqVwiK4pzLY0iiMI9B4xWHcaS2lCPf3cKbQBf1Q==",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
+    "node_modules/@react-email/code-block": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/@react-email/code-block/-/code-block-0.0.3.tgz",
+      "integrity": "sha512-nxhl7WjjM2cOYtl0boBZfSObTrUCz2LbarcMyHkTVAsA9rbjbtWAQF7jmlefXJusk3Uol5l2c8hTh2lHLlHTRQ==",
+      "dependencies": {
+        "prismjs": "1.29.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
+    "node_modules/@react-email/code-inline": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/@react-email/code-inline/-/code-inline-0.0.1.tgz",
+      "integrity": "sha512-SeZKTB9Q4+TUafzeUm/8tGK3dFgywUHb1od/BrAiJCo/im65aT+oJfggJLjK2jCdSsus8odcK2kReeM3/FCNTQ==",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
+    "node_modules/@react-email/column": {
+      "version": "0.0.9",
+      "resolved": "https://registry.npmjs.org/@react-email/column/-/column-0.0.9.tgz",
+      "integrity": "sha512-1ekqNBgmbS6m97/sUFOnVvQtLYljUWamw8Y44VId95v6SjiJ4ca+hMcdOteHWBH67xkRofEOWTvqDRea5SBV8w==",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
+    "node_modules/@react-email/components": {
+      "version": "0.0.16",
+      "resolved": "https://registry.npmjs.org/@react-email/components/-/components-0.0.16.tgz",
+      "integrity": "sha512-1WATpMSH03cRvhfNjGl/Up3seZJOzN9KLzlk3Q9g/cqNhZEJ7HYxoZM4AQKAI0V3ttXzzxKv8Oj+AZQLHDiICA==",
+      "dependencies": {
+        "@react-email/body": "0.0.7",
+        "@react-email/button": "0.0.14",
+        "@react-email/code-block": "0.0.3",
+        "@react-email/code-inline": "0.0.1",
+        "@react-email/column": "0.0.9",
+        "@react-email/container": "0.0.11",
+        "@react-email/font": "0.0.5",
+        "@react-email/head": "0.0.7",
+        "@react-email/heading": "0.0.11",
+        "@react-email/hr": "0.0.7",
+        "@react-email/html": "0.0.7",
+        "@react-email/img": "0.0.7",
+        "@react-email/link": "0.0.7",
+        "@react-email/markdown": "0.0.9",
+        "@react-email/preview": "0.0.8",
+        "@react-email/render": "0.0.12",
+        "@react-email/row": "0.0.7",
+        "@react-email/section": "0.0.11",
+        "@react-email/tailwind": "0.0.15",
+        "@react-email/text": "0.0.7"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
+    "node_modules/@react-email/container": {
+      "version": "0.0.11",
+      "resolved": "https://registry.npmjs.org/@react-email/container/-/container-0.0.11.tgz",
+      "integrity": "sha512-jzl/EHs0ClXIRFamfH+NR/cqv4GsJJscqRhdYtnWYuRAsWpKBM1muycrrPqIVhWvWi6sFHInWTt07jX+bDc3SQ==",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
+    "node_modules/@react-email/font": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/@react-email/font/-/font-0.0.5.tgz",
+      "integrity": "sha512-if/qKYmH3rJ2egQJoKbV8SfKCPavu+ikUq/naT/UkCr8Q0lkk309tRA0x7fXG/WeIrmcipjMzFRGTm2TxTecDw==",
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
+    "node_modules/@react-email/head": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/@react-email/head/-/head-0.0.7.tgz",
+      "integrity": "sha512-IcXL4jc0H1qzAXJCD9ajcRFBQdbUHkjKJyiUeogpaYSVZSq6cVDWQuGaI23TA9k+pI2TFeQimogUFb3Kgeeudw==",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
+    "node_modules/@react-email/heading": {
+      "version": "0.0.11",
+      "resolved": "https://registry.npmjs.org/@react-email/heading/-/heading-0.0.11.tgz",
+      "integrity": "sha512-EF5ZtRCxhHPw3m+8iibKKg0RAvAeHj1AP68sjU7s6+J+kvRgllr/E972Wi5Y8UvcIGossCvpX1WrSMDzeB4puA==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.0.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
+    "node_modules/@react-email/hr": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/@react-email/hr/-/hr-0.0.7.tgz",
+      "integrity": "sha512-8suK0M/deXHt0DBSeKhSC4bnCBCBm37xk6KJh9M0/FIKlvdltQBem52YUiuqVl1XLB87Y6v6tvspn3SZ9fuxEA==",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
+    "node_modules/@react-email/html": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/@react-email/html/-/html-0.0.7.tgz",
+      "integrity": "sha512-oy7OoRtoOKApVI/5Lz1OZptMKmMYJu9Xn6+lOmdBQchAuSdQtWJqxhrSj/iI/mm8HZWo6MZEQ6SFpfOuf8/P6Q==",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
+    "node_modules/@react-email/img": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/@react-email/img/-/img-0.0.7.tgz",
+      "integrity": "sha512-up9tM2/dJ24u/CFjcvioKbyGuPw1yeJg605QA7VkrygEhd0CoQEjjgumfugpJ+VJgIt4ZjT9xMVCK5QWTIWoaA==",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
+    "node_modules/@react-email/link": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/@react-email/link/-/link-0.0.7.tgz",
+      "integrity": "sha512-hXPChT3ZMyKnUSA60BLEMD2maEgyB2A37yg5bASbLMrXmsExHi6/IS1h2XiUPLDK4KqH5KFaFxi2cdNo1JOKwA==",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
+    "node_modules/@react-email/markdown": {
+      "version": "0.0.9",
+      "resolved": "https://registry.npmjs.org/@react-email/markdown/-/markdown-0.0.9.tgz",
+      "integrity": "sha512-t//19Zz+W5svKqrSrqoOLpf6dq70jbwYxX8Z+NEMi4LqylklccOaYAyKrkYyulfZwhW7KDH9d2wjVk5jfUABxQ==",
+      "dependencies": {
+        "md-to-react-email": "5.0.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
+    "node_modules/@react-email/preview": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/@react-email/preview/-/preview-0.0.8.tgz",
+      "integrity": "sha512-Jm0KUYBZQd2w0s2QRMQy0zfHdo3Ns+9bYSE1OybjknlvhANirjuZw9E5KfWgdzO7PyrRtB1OBOQD8//Obc4uIQ==",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
+    "node_modules/@react-email/render": {
+      "version": "0.0.12",
+      "resolved": "https://registry.npmjs.org/@react-email/render/-/render-0.0.12.tgz",
+      "integrity": "sha512-S8WRv/PqECEi6x0QJBj0asnAb5GFtJaHlnByxLETLkgJjc76cxMYDH4r9wdbuJ4sjkcbpwP3LPnVzwS+aIjT7g==",
+      "dependencies": {
+        "html-to-text": "9.0.5",
+        "js-beautify": "^1.14.11",
+        "react": "18.2.0",
+        "react-dom": "18.2.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@react-email/row": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/@react-email/row/-/row-0.0.7.tgz",
+      "integrity": "sha512-h7pwrLVGk5CIx7Ai/oPxBgCCAGY7BEpCUQ7FCzi4+eThcs5IdjSwDPefLEkwaFS8KZc56UNwTAH92kNq5B7blg==",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
+    "node_modules/@react-email/section": {
+      "version": "0.0.11",
+      "resolved": "https://registry.npmjs.org/@react-email/section/-/section-0.0.11.tgz",
+      "integrity": "sha512-3bZ/DuvX1julATI7oqYza6pOtWZgLJDBaa62LFFEvYjisyN+k6lrP2KOucPsDKu2DOkUzlQgK0FOm6VQJX+C0w==",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
+    "node_modules/@react-email/tailwind": {
+      "version": "0.0.15",
+      "resolved": "https://registry.npmjs.org/@react-email/tailwind/-/tailwind-0.0.15.tgz",
+      "integrity": "sha512-TE3NQ7VKhhvv3Zv0Z1NtoV6AF7aOWiG4juVezMZw1hZCG0mkN6iXC63u23vPQi12y6xCp20ZUHfg67kQeDSP/g==",
+      "dependencies": {
+        "react": "18.2.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
+    "node_modules/@react-email/text": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/@react-email/text/-/text-0.0.7.tgz",
+      "integrity": "sha512-eHCx0mdllGcgK9X7wiLKjNZCBRfxRVNjD3NNYRmOc3Icbl8M9JHriJIfxBuGCmGg2UAORK5P3KmaLQ8b99/pbA==",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "react": "18.2.0"
+      }
+    },
     "node_modules/@react-spring/animated": {
       "version": "9.6.1",
       "resolved": "https://registry.npmjs.org/@react-spring/animated/-/animated-9.6.1.tgz",
@@ -2013,6 +2283,18 @@
       "integrity": "sha512-0HejFckBN2W+ucM6cUOlwsByTKt9/+0tWhqUffNIcHqCXkthY/mZ7AuYPK/2IIaGWhdl0h+tICDO0ssLMd6XMQ==",
       "dev": true
     },
+    "node_modules/@selderee/plugin-htmlparser2": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@selderee/plugin-htmlparser2/-/plugin-htmlparser2-0.11.0.tgz",
+      "integrity": "sha512-P33hHGdldxGabLFjPPpaTxVolMrzrcegejx+0GxjrIb9Zv48D8yAIA/QTDR2dFl7Uz7urX8aX6+5bCZslr+gWQ==",
+      "dependencies": {
+        "domhandler": "^5.0.3",
+        "selderee": "^0.11.0"
+      },
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
     "node_modules/@studio-freight/hamo": {
       "version": "0.6.28",
       "resolved": "https://registry.npmjs.org/@studio-freight/hamo/-/hamo-0.6.28.tgz",
@@ -2165,6 +2447,15 @@
         "undici-types": "~5.26.4"
       }
     },
+    "node_modules/@types/nodemailer": {
+      "version": "6.4.14",
+      "resolved": "https://registry.npmjs.org/@types/nodemailer/-/nodemailer-6.4.14.tgz",
+      "integrity": "sha512-fUWthHO9k9DSdPCSPRqcu6TWhYyxTBg382vlNIttSe9M7XfsT06y0f24KHXtbnijPGGRIcVvdKHTNikOI6qiHA==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/offscreencanvas": {
       "version": "2019.7.3",
       "resolved": "https://registry.npmjs.org/@types/offscreencanvas/-/offscreencanvas-2019.7.3.tgz",
@@ -2444,6 +2735,14 @@
         "react": ">= 16.8.0"
       }
     },
+    "node_modules/abbrev": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-2.0.0.tgz",
+      "integrity": "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==",
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
     "node_modules/acorn": {
       "version": "8.11.3",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
@@ -3280,6 +3579,15 @@
       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
       "dev": true
     },
+    "node_modules/config-chain": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
+      "integrity": "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==",
+      "dependencies": {
+        "ini": "^1.3.4",
+        "proto-list": "~1.2.1"
+      }
+    },
     "node_modules/cookie": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
@@ -3454,6 +3762,14 @@
       "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
       "dev": true
     },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/define-data-property": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
@@ -3569,6 +3885,57 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ]
+    },
+    "node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
+      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
     "node_modules/draco3d": {
       "version": "1.5.7",
       "resolved": "https://registry.npmjs.org/draco3d/-/draco3d-1.5.7.tgz",
@@ -3588,6 +3955,53 @@
         "safer-buffer": "^2.1.0"
       }
     },
+    "node_modules/editorconfig": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-1.0.4.tgz",
+      "integrity": "sha512-L9Qe08KWTlqYMVvMcTIvMAdl1cDUubzRNYL+WfA4bLDMHe4nemKkpmYzkznE1FwLKu0EEmy6obgQKzMJrg4x9Q==",
+      "dependencies": {
+        "@one-ini/wasm": "0.1.1",
+        "commander": "^10.0.0",
+        "minimatch": "9.0.1",
+        "semver": "^7.5.3"
+      },
+      "bin": {
+        "editorconfig": "bin/editorconfig"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/editorconfig/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/editorconfig/node_modules/commander": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
+      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/editorconfig/node_modules/minimatch": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz",
+      "integrity": "sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/electron-to-chromium": {
       "version": "1.4.717",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.717.tgz",
@@ -3637,6 +4051,17 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
     "node_modules/es-abstract": {
       "version": "1.23.2",
       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.2.tgz",
@@ -4796,6 +5221,39 @@
       "resolved": "https://registry.npmjs.org/hls.js/-/hls.js-1.3.5.tgz",
       "integrity": "sha512-uybAvKS6uDe0MnWNEPnO0krWVr+8m2R0hJ/viql8H3MVK+itq8gGQuIYoFHL3rECkIpNH98Lw8YuuWMKZxp3Ew=="
     },
+    "node_modules/html-to-text": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/html-to-text/-/html-to-text-9.0.5.tgz",
+      "integrity": "sha512-qY60FjREgVZL03vJU6IfMV4GDjGBIoOyvuFdpBDIX9yTlDw0TjxVBQp+P8NvpdIXNJvfWBTNul7fsAQJq2FNpg==",
+      "dependencies": {
+        "@selderee/plugin-htmlparser2": "^0.11.0",
+        "deepmerge": "^4.3.1",
+        "dom-serializer": "^2.0.0",
+        "htmlparser2": "^8.0.2",
+        "selderee": "^0.11.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/htmlparser2": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
+      "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.0.1",
+        "entities": "^4.4.0"
+      }
+    },
     "node_modules/http-signature": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
@@ -4884,6 +5342,11 @@
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
       "dev": true
     },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
+    },
     "node_modules/internal-slot": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz",
@@ -5363,6 +5826,34 @@
         "url": "https://github.com/sponsors/panva"
       }
     },
+    "node_modules/js-beautify": {
+      "version": "1.15.1",
+      "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.15.1.tgz",
+      "integrity": "sha512-ESjNzSlt/sWE8sciZH8kBF8BPlwXPwhR6pWKAw8bw4Bwj+iZcnKW6ONWUutJ7eObuBZQpiIb8S7OYspWrKt7rA==",
+      "dependencies": {
+        "config-chain": "^1.1.13",
+        "editorconfig": "^1.0.4",
+        "glob": "^10.3.3",
+        "js-cookie": "^3.0.5",
+        "nopt": "^7.2.0"
+      },
+      "bin": {
+        "css-beautify": "js/bin/css-beautify.js",
+        "html-beautify": "js/bin/html-beautify.js",
+        "js-beautify": "js/bin/js-beautify.js"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/js-cookie": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
+      "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -5493,6 +5984,14 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/leac": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/leac/-/leac-0.6.0.tgz",
+      "integrity": "sha512-y+SqErxb8h7nE/fiEX07jsbuhrpO9lL8eca7/Y1nuWV2moNlXhyd59iDGcRf6moVyDMbmTNzL40SUyrFU/yDpg==",
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
     "node_modules/levn": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
@@ -5595,6 +6094,28 @@
       "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
       "devOptional": true
     },
+    "node_modules/marked": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-7.0.4.tgz",
+      "integrity": "sha512-t8eP0dXRJMtMvBojtkcsA7n48BkauktUKzfkPSCq85ZMTJ0v76Rke4DYz01omYpPTUh4p/f7HePgRo3ebG8+QQ==",
+      "bin": {
+        "marked": "bin/marked.js"
+      },
+      "engines": {
+        "node": ">= 16"
+      }
+    },
+    "node_modules/md-to-react-email": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/md-to-react-email/-/md-to-react-email-5.0.2.tgz",
+      "integrity": "sha512-x6kkpdzIzUhecda/yahltfEl53mH26QdWu4abUF9+S0Jgam8P//Ciro8cdhyMHnT5MQUJYrIbO6ORM2UxPiNNA==",
+      "dependencies": {
+        "marked": "7.0.4"
+      },
+      "peerDependencies": {
+        "react": "18.x"
+      }
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -5866,6 +6387,28 @@
       "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
       "dev": true
     },
+    "node_modules/nodemailer": {
+      "version": "6.9.13",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.9.13.tgz",
+      "integrity": "sha512-7o38Yogx6krdoBf3jCAqnIN4oSQFx+fMa0I7dK1D+me9kBxx12D+/33wSb+fhOCtIxvYJ+4x4IMEhmhCKfAiOA==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/nopt": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.0.tgz",
+      "integrity": "sha512-CVDtwCdhYIvnAzFoJ6NJ6dX3oga9/HyciQDnG1vQDjSLMeKLJ4A93ZqYKDrgYSr1FBY5/hMYC+2VCi24pgpkGA==",
+      "dependencies": {
+        "abbrev": "^2.0.0"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -6099,6 +6642,18 @@
         "node": ">=6"
       }
     },
+    "node_modules/parseley": {
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/parseley/-/parseley-0.12.1.tgz",
+      "integrity": "sha512-e6qHKe3a9HWr0oMRVDTRhKce+bRO8VGQR3NyVwcjwrbhMmFCX9KszEV35+rn4AdilFAq9VPxP/Fe1wC9Qjd2lw==",
+      "dependencies": {
+        "leac": "^0.6.0",
+        "peberminta": "^0.9.0"
+      },
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -6154,6 +6709,14 @@
         "node": ">=8"
       }
     },
+    "node_modules/peberminta": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/peberminta/-/peberminta-0.9.0.tgz",
+      "integrity": "sha512-XIxfHpEuSJbITd1H3EeQwpcZbTLHc+VVr8ANI9t5sit565tsI4/xK3KWTUFE2e6QiangUkh3B0jihzmGnNrRsQ==",
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
     "node_modules/performance-now": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
@@ -6431,6 +6994,14 @@
         "node": ">=16.13"
       }
     },
+    "node_modules/prismjs": {
+      "version": "1.29.0",
+      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz",
+      "integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/promise": {
       "version": "8.3.0",
       "resolved": "https://registry.npmjs.org/promise/-/promise-8.3.0.tgz",
@@ -6458,6 +7029,11 @@
         "react-is": "^16.13.1"
       }
     },
+    "node_modules/proto-list": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
+      "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA=="
+    },
     "node_modules/psl": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
@@ -7613,6 +8189,17 @@
         "compute-scroll-into-view": "^3.0.2"
       }
     },
+    "node_modules/selderee": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/selderee/-/selderee-0.11.0.tgz",
+      "integrity": "sha512-5TF+l7p4+OsnP8BCCvSyZiSPc4x4//p5uPwK8TCnVPJYRmU2aYKMpOXvw8zM5a5JvuuCGN1jmsMwuU2W02ukfA==",
+      "dependencies": {
+        "parseley": "^0.12.0"
+      },
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
     "node_modules/semver": {
       "version": "7.6.0",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
diff --git a/package.json b/package.json
index 072f09a..6cd6616 100644
--- a/package.json
+++ b/package.json
@@ -27,6 +27,7 @@
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toast": "^1.1.5",
+    "@react-email/components": "0.0.16",
     "@react-three/drei": "^9.105.1",
     "@react-three/fiber": "^8.16.1",
     "@studio-freight/react-lenis": "^0.0.46",
@@ -44,8 +45,9 @@
     "maath": "^0.10.7",
     "next": "^14.1.4",
     "next-auth": "^5.0.0-beta.16",
-    "razorpay": "^2.9.2",
+    "nodemailer": "^6.9.13",
     "preline": "^2.1.0",
+    "razorpay": "^2.9.2",
     "react": "^18",
     "react-dom": "^18",
     "react-hook-form": "^7.51.3",
@@ -61,6 +63,7 @@
     "@faker-js/faker": "^8.4.1",
     "@tailwindcss/forms": "^0.5.7",
     "@types/node": "^20",
+    "@types/nodemailer": "^6.4.14",
     "@types/react": "^18.2.76",
     "@types/react-dom": "^18",
     "@types/shortid": "^0.0.32",
diff --git a/src/app/api/razorpay/verify/route.ts b/src/app/api/razorpay/verify/route.ts
index 4c9e403..cbcc554 100644
--- a/src/app/api/razorpay/verify/route.ts
+++ b/src/app/api/razorpay/verify/route.ts
@@ -3,6 +3,7 @@ import crypto from "crypto";
 import { prisma } from "@/lib/prisma";
 import { PaymentStatus } from "@prisma/client";
 import { auth } from "@/auth";
+import { sendEmail } from "@/helper/mailer";
 
 const generatedSignature = (
   razorpayOrderId: string,
@@ -85,6 +86,7 @@ export async function POST(request: NextRequest) {
         },
       },
     });
+    sendEmail(session.user?.email!, session.user?.name!);
     return NextResponse.json(
       { message: "payment verified successfully", isOk: true },
       { status: 200 }
diff --git a/src/helper/Email.tsx b/src/helper/Email.tsx
new file mode 100644
index 0000000..47b4340
--- /dev/null
+++ b/src/helper/Email.tsx
@@ -0,0 +1,15 @@
+import * as React from "react";
+import { Html } from "@react-email/html";
+import { Button } from "@react-email/button";
+
+interface EmailProps {
+  url: string;
+}
+
+export const Email: React.FC<Readonly<EmailProps>> = ({ url }) => {
+  return (
+    <Html lang="en">
+      <Button href={url}>Click me</Button>
+    </Html>
+  );
+};
\ No newline at end of file
diff --git a/src/helper/mailer.tsx b/src/helper/mailer.tsx
new file mode 100644
index 0000000..8e0a592
--- /dev/null
+++ b/src/helper/mailer.tsx
@@ -0,0 +1,38 @@
+import nodemailer from "nodemailer";
+import { render } from "@react-email/render";
+import {Email} from "./Email";
+import JSXStyle from "styled-jsx/style";
+import React from "react";
+
+export async function sendEmail(
+  email: string,
+  name: string
+) {
+    const emailHtml = render(
+    <Email url="https://google.com" />
+  );
+    try {;
+    const transporter = nodemailer.createTransport({
+      service: "gmail",
+      auth: {
+        user: process.env.GMAIL_USER,
+        pass: process.env.GMAIL_PASS,
+      },
+    });
+
+
+    
+    const mailOptions = {
+      from: "tiara@gmail.com", 
+      to: email, 
+      subject: "Testing email for now", // Email subject
+      html: emailHtml,
+    };
+
+    // Send email
+    const mailResponse = await transporter.sendMail(mailOptions);
+    return mailResponse;
+  } catch (error: unknown) {
+    throw error;
+  }
+}
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 1fda935..f034c39 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -66,14 +66,14 @@ export const makePayment = async ({
         razorpayOrderId: response.razorpay_order_id,
         razorpaySignature: response.razorpay_signature,
        };
-  
+       
        const result = await fetch('/api/razorpay/verify', {
         method: 'POST',
         body: JSON.stringify(data),
         headers: { 'Content-Type': 'application/json' },
        });
        const res = await result.json();
-       if (res.isOk) {alert("payment succeed"); window.location.href = "/"}
+       if (res.isOk) {alert("payment succeed"); window.location.href = "/";}
        else {
         alert(res.message);
        }

From f612a87dc025f8b2eb433e8b9ba205630b33f78b Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Wed, 17 Apr 2024 16:52:08 +0530
Subject: [PATCH 25/37] fix: Refactor payment handling logic in makePayment
 function

---
 src/lib/utils.ts | 44 ++++++++++++++++++++++++++++----------------
 1 file changed, 28 insertions(+), 16 deletions(-)

diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 1fda935..e94035a 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -2,6 +2,7 @@ import { clsx, type ClassValue } from "clsx";
 import { redirect } from "next/dist/server/api-utils";
 import { twMerge } from "tailwind-merge";
 import { useRouter } from "next/navigation";
+import { toast } from "@/components/ui/use-toast";
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
@@ -65,27 +66,38 @@ export const makePayment = async ({
         razorpayPaymentId: response.razorpay_payment_id,
         razorpayOrderId: response.razorpay_order_id,
         razorpaySignature: response.razorpay_signature,
-       };
-  
-       const result = await fetch('/api/razorpay/verify', {
-        method: 'POST',
-        body: JSON.stringify(data),
-        headers: { 'Content-Type': 'application/json' },
-       });
-       const res = await result.json();
-       if (res.isOk) {alert("payment succeed"); window.location.href = "/"}
-       else {
-        alert(res.message);
-       }
+      };
 
+      const result = await fetch("/api/razorpay/verify", {
+        method: "POST",
+        body: JSON.stringify(data),
+        headers: { "Content-Type": "application/json" },
+      });
+      const res = await result.json();
+      if (res.isOk) {
+        toast({
+          title: "Payment successful",
+          description: "Your payment was successful",
+        })
+        window.location.href = "/";
+      } else {
+        toast({
+          title: "Payment failed",
+          description: "Please try again. Contact support for help. "+res.error,
+          variant: "destructive",
+        });
+      }
     },
   };
-  
+
   const paymentObject = new window.Razorpay(options);
-  
+
   paymentObject.on("payment.failed", function (response: any) {
-    alert("Payment failed. Please try again. Contact support for help"+response.error.description);
+    toast({
+      variant: "destructive",
+      title: "Payment failed",
+      description: "Please try again. Contact support for help. "+response.error.description,
+    });
   });
   paymentObject.open();
-
 };

From 7a0382d0d0e2d6840c46b13c2ee531831f7f47b7 Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Wed, 17 Apr 2024 17:29:34 +0530
Subject: [PATCH 26/37] Refactor Dockerfile to use ENTRYPOINT instead of CMD
 for starting the app

---
 Dockerfile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Dockerfile b/Dockerfile
index d8618aa..018baff 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -23,4 +23,4 @@ RUN npm run build
 EXPOSE 3000
 
 # Start the app
-CMD ["npm", "start"]
\ No newline at end of file
+ENTRYPOINT ["npm", "start"]
\ No newline at end of file

From b464e760030ef56c38b18f18ea4d7ac95fee315d Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Thu, 18 Apr 2024 09:49:00 +0530
Subject: [PATCH 27/37] Add RegisteredUser model to schema.prisma

---
 prisma/schema.prisma | 28 +++++++++++++++++++++++-----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index e808744..db69f69 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -63,6 +63,8 @@ model Event {
   user        User      @relation(fields: [userId], references: [id], onDelete: Cascade)
   userId      String    @map("user_id")
 
+  registeredUsers RegisteredUser[]
+
   @@map("events")
 }
 
@@ -106,11 +108,14 @@ model User {
   created_at    DateTime  @default(now())
   updated_at    DateTime  @updatedAt
   events        Event[]
-  accounts      Account[]
-  sessions      Session[]
-  payment       Payment[]
-  faculties     Faculty[]
-  students      Student[]
+
+  registeredUser RegisteredUser?
+
+  accounts  Account[]
+  sessions  Session[]
+  payment   Payment[]
+  faculties Faculty[]
+  students  Student[]
 
   @@map("users")
 }
@@ -123,3 +128,16 @@ model VerificationToken {
   @@unique([identifier, token])
   @@map("verificationtokens")
 }
+
+model RegisteredUser {
+  id         String   @id @default(cuid())
+  user       User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+  userId     String   @unique @map("user_id")
+  college    String
+  phone      String
+  created_at DateTime @default(now())
+  updated_at DateTime @updatedAt
+  events     Event[]
+
+  @@map("registeredusers")
+}

From 2ef6b1463fdfdf834eea2994f6326d011e0c3554 Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Thu, 18 Apr 2024 10:10:50 +0530
Subject: [PATCH 28/37] Refactor Prisma migrations and package.json scripts

---
 package.json                                  |  1 -
 .../20240416121509_payment/migration.sql      |  8 +--
 .../migration.sql                             | 50 +++++++++++++++++++
 3 files changed, 54 insertions(+), 5 deletions(-)
 create mode 100644 prisma/migrations/20240418044009_add_model_registered_user/migration.sql

diff --git a/package.json b/package.json
index 6cd6616..90b9c7b 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,6 @@
     "lint": "next lint"
   },
   "prisma": {
-    "seed": "node --loader ts-node/esm prisma/seed.ts"
   },
   "dependencies": {
     "@ant-design/icons": "^5.3.6",
diff --git a/prisma/migrations/20240416121509_payment/migration.sql b/prisma/migrations/20240416121509_payment/migration.sql
index b80da1e..c21dda2 100644
--- a/prisma/migrations/20240416121509_payment/migration.sql
+++ b/prisma/migrations/20240416121509_payment/migration.sql
@@ -16,13 +16,13 @@
 
 */
 -- DropIndex
-DROP INDEX "faculty_email_key";
+-- DROP INDEX "faculty_email_key";
 
 -- DropIndex
-DROP INDEX "students_email_key";
+-- DROP INDEX "students_email_key";
 
 -- AlterTable
-ALTER TABLE "faculty" DROP COLUMN "email",
+ALTER TABLE "faculty"
 DROP COLUMN "name",
 DROP COLUMN "phone",
 ADD COLUMN     "user_id" TEXT NOT NULL;
@@ -34,7 +34,7 @@ ADD COLUMN     "orderCreationId" TEXT NOT NULL,
 ADD COLUMN     "razorpayPaymentId" TEXT NOT NULL;
 
 -- AlterTable
-ALTER TABLE "students" DROP COLUMN "email",
+ALTER TABLE "students"
 DROP COLUMN "name",
 DROP COLUMN "phone",
 ADD COLUMN     "user_id" TEXT NOT NULL;
diff --git a/prisma/migrations/20240418044009_add_model_registered_user/migration.sql b/prisma/migrations/20240418044009_add_model_registered_user/migration.sql
new file mode 100644
index 0000000..3c6cee4
--- /dev/null
+++ b/prisma/migrations/20240418044009_add_model_registered_user/migration.sql
@@ -0,0 +1,50 @@
+/*
+  Warnings:
+
+  - You are about to drop the column `cost` on the `events` table. All the data in the column will be lost.
+  - You are about to drop the column `dateEnding` on the `events` table. All the data in the column will be lost.
+  - You are about to drop the column `rules` on the `events` table. All the data in the column will be lost.
+  - You are about to drop the column `type` on the `events` table. All the data in the column will be lost.
+
+*/
+-- AlterTable
+ALTER TABLE "events" DROP COLUMN "cost",
+DROP COLUMN "dateEnding",
+DROP COLUMN "rules",
+DROP COLUMN "type";
+
+-- CreateTable
+CREATE TABLE "registeredusers" (
+    "id" TEXT NOT NULL,
+    "user_id" TEXT NOT NULL,
+    "college" TEXT NOT NULL,
+    "phone" TEXT NOT NULL,
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updated_at" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "registeredusers_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "_EventToRegisteredUser" (
+    "A" TEXT NOT NULL,
+    "B" TEXT NOT NULL
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "registeredusers_user_id_key" ON "registeredusers"("user_id");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "_EventToRegisteredUser_AB_unique" ON "_EventToRegisteredUser"("A", "B");
+
+-- CreateIndex
+CREATE INDEX "_EventToRegisteredUser_B_index" ON "_EventToRegisteredUser"("B");
+
+-- AddForeignKey
+ALTER TABLE "registeredusers" ADD CONSTRAINT "registeredusers_user_id_fkey" FOREIGN KEY ("user_id") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "_EventToRegisteredUser" ADD CONSTRAINT "_EventToRegisteredUser_A_fkey" FOREIGN KEY ("A") REFERENCES "events"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "_EventToRegisteredUser" ADD CONSTRAINT "_EventToRegisteredUser_B_fkey" FOREIGN KEY ("B") REFERENCES "registeredusers"("id") ON DELETE CASCADE ON UPDATE CASCADE;

From 6d760e6e5ed98c233a558a2f0c55d2745b34f1b4 Mon Sep 17 00:00:00 2001
From: Joywin Bennis <107112207+joywin2003@users.noreply.github.com>
Date: Thu, 18 Apr 2024 13:06:00 +0530
Subject: [PATCH 29/37] added emailing using react email

---
 src/app/layout.tsx                   |  34 +++++----
 src/helper/UserRegistrationEmail.tsx | 107 +++++++++++++++++++++++++++
 src/helper/mailer.tsx                |  26 +++----
 3 files changed, 139 insertions(+), 28 deletions(-)
 create mode 100644 src/helper/UserRegistrationEmail.tsx

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 6ad0b8d..bde87f5 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -5,7 +5,8 @@ import type { Metadata, Viewport } from "next";
 import { Inter } from "next/font/google";
 import { SessionProvider } from "next-auth/react";
 import PrelineScript from "@/components/shared/preline";
-import { Toaster } from "@/components/ui/toaster"
+import { Toaster } from "@/components/ui/toaster";
+import Script from "next/script";
 
 const inter = Inter({ subsets: ["latin"], variable: "--font-sans" });
 
@@ -35,19 +36,22 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en">
-      <body
-        className={cn("bg-background font-sans antialiased", inter.variable)}
-      >
-        <SessionProvider>
-          <div className="flex min-h-screen w-full flex-col">
-            <Header />
-            {children}
-          </div>
-        </SessionProvider>
-        <PrelineScript />
-        <Toaster />
-      </body>
-    </html>
+    <>
+      <html lang="en">
+        <body
+          className={cn("bg-background font-sans antialiased", inter.variable)}
+        >
+          <SessionProvider>
+            <div className="flex min-h-screen w-full flex-col">
+              <Header />
+              {children}
+            </div>
+          </SessionProvider>
+          <PrelineScript />
+          <Toaster />
+        </body>
+      </html>
+      <Script src="https://checkout.razorpay.com/v2/checkout.js" />
+    </>
   );
 }
diff --git a/src/helper/UserRegistrationEmail.tsx b/src/helper/UserRegistrationEmail.tsx
new file mode 100644
index 0000000..18ae5cf
--- /dev/null
+++ b/src/helper/UserRegistrationEmail.tsx
@@ -0,0 +1,107 @@
+import {
+  Body,
+  Button,
+  Container,
+  Column,
+  Head,
+  Heading,
+  Hr,
+  Html,
+  Img,
+  Link,
+  Preview,
+  Row,
+  Section,
+  Text,
+} from "@react-email/components";
+import { Tailwind } from "@react-email/tailwind";
+import * as React from "react";
+
+interface UserRegistrationEmailProps {
+  username?: string;
+  registrationId?: string;
+  teamName?: string;
+  registrationLink?: string;
+}
+
+export const UserRegistrationEmail = ({
+  username,
+  registrationId,
+  teamName,
+  registrationLink,
+}: UserRegistrationEmailProps) => {
+  const previewText = `Testing 1 2 3`;
+
+  return (
+    <Html>
+      <Head />
+      <Preview>{previewText}</Preview>
+      <Tailwind>
+        <Body className="bg-white my-auto mx-auto font-sans px-2">
+          <Container className="border border-solid border-[#eaeaea] rounded my-[40px] mx-auto p-[20px] max-w-[465px]">
+            <Section className="mt-[32px] items-center">
+              <h1>Tiara 2024 Registraion</h1>
+            </Section>
+            <Heading className="text-black text-[24px] font-normal text-center p-0 my-[30px] mx-0">
+              <strong>You're successfully Registered for Tiara 2024!</strong>
+            </Heading>
+            <Text className="text-black text-[14px] leading-[24px]">
+              Hello {username},
+            </Text>
+            <Text className="text-black text-[14px] leading-[24px]">
+              Congratulations! You have successfully completed registration for
+              Tiara 2024. Your Registration ID is {registrationId}. <br />
+              <br />
+              Please find below the list of events you have registered for:{" "}
+              <br />
+              <br />
+              We look forward to seeing you there!
+            </Text>
+            {/* <Section>
+              <Row>
+                <Column>
+                  <Img
+                    src={`${baseUrl}/_next/image?url=${teamImage}&w=400&q=75`}
+                    alt={teamName}
+                  />
+                </Column>
+              </Row>
+            </Section> */}
+            <Section className="text-center mt-[32px] mb-[32px]">
+              <Button
+                className="bg-[#000000] rounded text-white text-[12px] font-semibold no-underline text-center px-5 py-3"
+                href={registrationLink}
+              >
+                View your profile
+              </Button>
+            </Section>
+            <Text className="text-black text-[14px] leading-[24px]">
+              or copy and paste this URL into your browser:{" "}
+              <Link
+                href={registrationLink}
+                className="text-blue-600 no-underline"
+              >
+                {registrationLink}
+              </Link>
+            </Text>
+            <Hr className="border border-solid border-[#eaeaea] my-[26px] mx-0 w-full" />
+            <Text className="text-[#666666] text-[12px] leading-[24px]">
+              Thanks & Regards, <br /> Team Tiara <br />
+              For any queries and concerns, feel free to contact us at:
+              tiara@sjec.ac.in
+            </Text>
+          </Container>
+        </Body>
+      </Tailwind>
+    </Html>
+  );
+};
+
+UserRegistrationEmail.PreviewProps = {
+  username: "username",
+  registrationId: "registrationId",
+  teamName: "teamName",
+  registrationLink: "registrationLink",
+} as UserRegistrationEmailProps;
+
+export default UserRegistrationEmail;
diff --git a/src/helper/mailer.tsx b/src/helper/mailer.tsx
index 8e0a592..bbe2541 100644
--- a/src/helper/mailer.tsx
+++ b/src/helper/mailer.tsx
@@ -1,17 +1,19 @@
 import nodemailer from "nodemailer";
 import { render } from "@react-email/render";
-import {Email} from "./Email";
-import JSXStyle from "styled-jsx/style";
+import { Email } from "./Email";
+import UserRegistrationEmail from "./UserRegistrationEmail";
 import React from "react";
 
-export async function sendEmail(
-  email: string,
-  name: string
-) {
-    const emailHtml = render(
-    <Email url="https://google.com" />
+export async function sendEmail(email: string, name: string) {
+  const emailHtml = render(
+    <UserRegistrationEmail
+      username="username"
+      registrationId="registrationId"
+      teamName="teamName"
+      registrationLink="registrationLink"
+    />
   );
-    try {;
+  try {
     const transporter = nodemailer.createTransport({
       service: "gmail",
       auth: {
@@ -20,11 +22,9 @@ export async function sendEmail(
       },
     });
 
-
-    
     const mailOptions = {
-      from: "tiara@gmail.com", 
-      to: email, 
+      from: "tiara@gmail.com",
+      to: email,
       subject: "Testing email for now", // Email subject
       html: emailHtml,
     };

From 1d4e9b941fca4f35a19e6d6a9749177f94c41886 Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Thu, 18 Apr 2024 13:10:57 +0530
Subject: [PATCH 30/37] Update Dockerfile to include GMAIL_PASS and GMAIL_USER
 environment variables

---
 Dockerfile | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/Dockerfile b/Dockerfile
index 63ea8f1..5ad17ad 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -28,6 +28,10 @@ ENV RAZORPAY_SECRET=$RAZORPAY_SECRET
 ENV AUTH_TRUST_HOST="true"
 ARG AUTH_URL
 ENV AUTH_URL=$AUTH_URL
+ARG GMAIL_PASS
+ENV GMAIL_PASS=$GMAIL_PASS
+ARG GMAIL_USER
+ENV GMAIL_USER=$GMAIL_USER
 
 ENV NODE_ENV=production
 ENV NEXT_TELEMETRY_DISABLED=1

From fa193b3f41c10d16910ed46b687fa6136ba0ae46 Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Thu, 18 Apr 2024 13:27:53 +0530
Subject: [PATCH 31/37] Fix unescaped in UserRegistrationEmail.tsx

---
 src/helper/UserRegistrationEmail.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/helper/UserRegistrationEmail.tsx b/src/helper/UserRegistrationEmail.tsx
index 18ae5cf..aed79e1 100644
--- a/src/helper/UserRegistrationEmail.tsx
+++ b/src/helper/UserRegistrationEmail.tsx
@@ -43,7 +43,7 @@ export const UserRegistrationEmail = ({
               <h1>Tiara 2024 Registraion</h1>
             </Section>
             <Heading className="text-black text-[24px] font-normal text-center p-0 my-[30px] mx-0">
-              <strong>You're successfully Registered for Tiara 2024!</strong>
+              <strong>You{"'"}re successfully Registered for Tiara 2024!</strong>
             </Heading>
             <Text className="text-black text-[14px] leading-[24px]">
               Hello {username},

From c9740eff62ace149b05a7c8e579749ddfa975b40 Mon Sep 17 00:00:00 2001
From: Mohammed Rabil <rabil@techie.com>
Date: Thu, 18 Apr 2024 13:50:04 +0530
Subject: [PATCH 32/37] Fix: Replace username with session name

---
 src/helper/UserRegistrationEmail.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/helper/UserRegistrationEmail.tsx b/src/helper/UserRegistrationEmail.tsx
index aed79e1..1a3e300 100644
--- a/src/helper/UserRegistrationEmail.tsx
+++ b/src/helper/UserRegistrationEmail.tsx
@@ -1,3 +1,4 @@
+import { auth } from "@/auth";
 import {
   Body,
   Button,
@@ -18,20 +19,18 @@ import { Tailwind } from "@react-email/tailwind";
 import * as React from "react";
 
 interface UserRegistrationEmailProps {
-  username?: string;
   registrationId?: string;
   teamName?: string;
   registrationLink?: string;
 }
 
-export const UserRegistrationEmail = ({
-  username,
+export const UserRegistrationEmail = async ({
   registrationId,
   teamName,
   registrationLink,
 }: UserRegistrationEmailProps) => {
   const previewText = `Testing 1 2 3`;
-
+  const session = await auth();
   return (
     <Html>
       <Head />
@@ -46,7 +45,7 @@ export const UserRegistrationEmail = ({
               <strong>You{"'"}re successfully Registered for Tiara 2024!</strong>
             </Heading>
             <Text className="text-black text-[14px] leading-[24px]">
-              Hello {username},
+              Hello {session?.user?.name ?? "User"},
             </Text>
             <Text className="text-black text-[14px] leading-[24px]">
               Congratulations! You have successfully completed registration for

From c81ac2b1e675c4668f1c1da353c2789062c9e5cd Mon Sep 17 00:00:00 2001
From: Joywin Bennis <107112207+joywin2003@users.noreply.github.com>
Date: Thu, 18 Apr 2024 19:31:05 +0530
Subject: [PATCH 33/37] merged the unadded script and packages into main

---
 src/helper/UserRegistrationEmail.tsx | 2 +-
 src/helper/mailer.tsx                | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/helper/UserRegistrationEmail.tsx b/src/helper/UserRegistrationEmail.tsx
index 1a3e300..f925926 100644
--- a/src/helper/UserRegistrationEmail.tsx
+++ b/src/helper/UserRegistrationEmail.tsx
@@ -38,6 +38,7 @@ export const UserRegistrationEmail = async ({
       <Tailwind>
         <Body className="bg-white my-auto mx-auto font-sans px-2">
           <Container className="border border-solid border-[#eaeaea] rounded my-[40px] mx-auto p-[20px] max-w-[465px]">
+            <h2 className="font-tiara items-center">Ti<span className="text-tiara_red">ar</span>a {"'"}24</h2>
             <Section className="mt-[32px] items-center">
               <h1>Tiara 2024 Registraion</h1>
             </Section>
@@ -97,7 +98,6 @@ export const UserRegistrationEmail = async ({
 };
 
 UserRegistrationEmail.PreviewProps = {
-  username: "username",
   registrationId: "registrationId",
   teamName: "teamName",
   registrationLink: "registrationLink",
diff --git a/src/helper/mailer.tsx b/src/helper/mailer.tsx
index bbe2541..b0dc41c 100644
--- a/src/helper/mailer.tsx
+++ b/src/helper/mailer.tsx
@@ -7,7 +7,6 @@ import React from "react";
 export async function sendEmail(email: string, name: string) {
   const emailHtml = render(
     <UserRegistrationEmail
-      username="username"
       registrationId="registrationId"
       teamName="teamName"
       registrationLink="registrationLink"

From 11c8a237b47afa8842b24cbe85e3b1ffcaa42fc3 Mon Sep 17 00:00:00 2001
From: Joywin Bennis <107112207+joywin2003@users.noreply.github.com>
Date: Thu, 18 Apr 2024 22:46:14 +0530
Subject: [PATCH 34/37] routing using ID

---
 package-lock.json                             | 1618 ++++++++++++-----
 package.json                                  |    5 +-
 prisma/seed.ts                                |    0
 .../events/[category]/event/[id]/page.tsx     |    4 +-
 .../api/events/[category]/event/[id]/route.ts |   66 +-
 src/app/api/events/[category]/route.ts        |   79 -
 src/app/api/events/route.ts                   |    1 +
 src/components/ui/EventCard.tsx               |    5 +-
 src/components/widgets/EventDisplay.tsx       |    1 +
 9 files changed, 1249 insertions(+), 530 deletions(-)
 create mode 100644 prisma/seed.ts

diff --git a/package-lock.json b/package-lock.json
index 59d3b31..6ae42a9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@auth/prisma-adapter": "^1.6.0",
         "@gsap/react": "^2.1.0",
         "@hookform/resolvers": "^3.3.4",
-        "@nextui-org/react": "^2.3.1",
+        "@nextui-org/react": "^2.3.4",
         "@prisma/client": "^5.12.1",
         "@radix-ui/react-checkbox": "^1.0.4",
         "@radix-ui/react-dialog": "^1.0.5",
@@ -403,6 +403,50 @@
       "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
       "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q=="
     },
+    "node_modules/@formatjs/ecma402-abstract": {
+      "version": "1.18.2",
+      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-1.18.2.tgz",
+      "integrity": "sha512-+QoPW4csYALsQIl8GbN14igZzDbuwzcpWrku9nyMXlaqAlwRBgl5V+p0vWMGFqHOw37czNXaP/lEk4wbLgcmtA==",
+      "dependencies": {
+        "@formatjs/intl-localematcher": "0.5.4",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@formatjs/fast-memoize": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.0.tgz",
+      "integrity": "sha512-hnk/nY8FyrL5YxwP9e4r9dqeM6cAbo8PeU9UjyXojZMNvVad2Z06FAVHyR3Ecw6fza+0GH7vdJgiKIVXTMbSBA==",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@formatjs/icu-messageformat-parser": {
+      "version": "2.7.6",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.7.6.tgz",
+      "integrity": "sha512-etVau26po9+eewJKYoiBKP6743I1br0/Ie00Pb/S/PtmYfmjTcOn2YCh2yNkSZI12h6Rg+BOgQYborXk46BvkA==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "1.18.2",
+        "@formatjs/icu-skeleton-parser": "1.8.0",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@formatjs/icu-skeleton-parser": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.8.0.tgz",
+      "integrity": "sha512-QWLAYvM0n8hv7Nq5BEs4LKIjevpVpbGLAJgOaYzg9wABEoX1j0JO1q2/jVkO6CVlq0dbsxZCngS5aXbysYueqA==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "1.18.2",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@formatjs/intl-localematcher": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.4.tgz",
+      "integrity": "sha512-zTwEpWOzZ2CiKcB93BLngUX59hQkuZjT2+SAQEscSm52peDW/getsawMcWF1rGRpMCX6D7nSJA3CzJ8gn13N/g==",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@gsap/react": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/@gsap/react/-/react-2.1.0.tgz",
@@ -545,6 +589,39 @@
         "@img/sharp-libvips-linuxmusl-x64": "1.0.2"
       }
     },
+    "node_modules/@internationalized/date": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.5.2.tgz",
+      "integrity": "sha512-vo1yOMUt2hzp63IutEaTUxROdvQg1qlMRsbCvbay2AK2Gai7wIgCyK5weEX3nHkiLgo4qCXHijFNC/ILhlRpOQ==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "node_modules/@internationalized/message": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@internationalized/message/-/message-3.1.2.tgz",
+      "integrity": "sha512-MHAWsZWz8jf6jFPZqpTudcCM361YMtPIRu9CXkYmKjJ/0R3pQRScV5C0zS+Qi50O5UAm8ecKhkXx6mWDDcF6/g==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0",
+        "intl-messageformat": "^10.1.0"
+      }
+    },
+    "node_modules/@internationalized/number": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@internationalized/number/-/number-3.5.1.tgz",
+      "integrity": "sha512-N0fPU/nz15SwR9IbfJ5xaS9Ss/O5h1sVXMZf43vc9mxEG48ovglvvzBjF53aHlq20uoR6c+88CrIXipU/LSzwg==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "node_modules/@internationalized/string": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/@internationalized/string/-/string-3.2.1.tgz",
+      "integrity": "sha512-vWQOvRIauvFMzOO+h7QrdsJmtN1AXAFVcaLWP9AseRN2o7iHceZ6bIXhBD4teZl8i91A3gxKnWBlGgjCwU6MFQ==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
@@ -795,14 +872,14 @@
       }
     },
     "node_modules/@nextui-org/accordion": {
-      "version": "2.0.29",
-      "resolved": "https://registry.npmjs.org/@nextui-org/accordion/-/accordion-2.0.29.tgz",
-      "integrity": "sha512-Nu3eaXvwSPzw6ms9KlAol5yFyMI+6UPBfsKsZ7fVwFPV8anWB/hkmQik1AmUEp2bCaHtqpjAqLN2LP57sbXZEQ==",
-      "dependencies": {
-        "@nextui-org/aria-utils": "2.0.16",
-        "@nextui-org/divider": "2.0.26",
-        "@nextui-org/framer-utils": "2.0.16",
-        "@nextui-org/react-utils": "2.0.11",
+      "version": "2.0.30",
+      "resolved": "https://registry.npmjs.org/@nextui-org/accordion/-/accordion-2.0.30.tgz",
+      "integrity": "sha512-hamauv5l4N0QyPmKkXd1rs9ML46PxO+WmJ0J8I7/Mbl+9X1kD2hanW/eNOr4olVaTILgR+3brKTpXu7ZS28xSQ==",
+      "dependencies": {
+        "@nextui-org/aria-utils": "2.0.17",
+        "@nextui-org/divider": "2.0.27",
+        "@nextui-org/framer-utils": "2.0.17",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-icons": "2.0.7",
         "@nextui-org/shared-utils": "2.0.5",
         "@nextui-org/use-aria-accordion": "2.0.3",
@@ -823,13 +900,13 @@
       }
     },
     "node_modules/@nextui-org/aria-utils": {
-      "version": "2.0.16",
-      "resolved": "https://registry.npmjs.org/@nextui-org/aria-utils/-/aria-utils-2.0.16.tgz",
-      "integrity": "sha512-T9m3tc615AgjBq/wn7+PJp2E6Ytwq5qQAnLvAvXDdHMyixH0livY7lOS9hwybOWNjxE0kBsn0by8/28elDSJZw==",
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/@nextui-org/aria-utils/-/aria-utils-2.0.17.tgz",
+      "integrity": "sha512-eJx9kHNUyyQ98xPCpF1yV2iWS5NdeMG8Zy9AXfjiEwMUokh2GXrZJUPT2YmyTR+Ob8HbJxwe2rht3pvKWqYqjQ==",
       "dependencies": {
-        "@nextui-org/react-rsc-utils": "2.0.11",
+        "@nextui-org/react-rsc-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
-        "@nextui-org/system": "2.1.0",
+        "@nextui-org/system": "2.1.1",
         "@react-aria/utils": "^3.23.2",
         "@react-stately/collections": "^3.10.5",
         "@react-types/overlays": "^3.8.5",
@@ -841,20 +918,20 @@
       }
     },
     "node_modules/@nextui-org/autocomplete": {
-      "version": "2.0.11",
-      "resolved": "https://registry.npmjs.org/@nextui-org/autocomplete/-/autocomplete-2.0.11.tgz",
-      "integrity": "sha512-fKle4/C4XC1wtldG7HBQJLDBHzoyKubXNfBH4ca+WKMPonsZYO7csPuGPVuJ4ngXVeP9orh+gyZ2nHedaukFyA==",
-      "dependencies": {
-        "@nextui-org/aria-utils": "2.0.16",
-        "@nextui-org/button": "2.0.28",
-        "@nextui-org/input": "2.1.18",
-        "@nextui-org/listbox": "2.1.17",
-        "@nextui-org/popover": "2.1.16",
-        "@nextui-org/react-utils": "2.0.11",
-        "@nextui-org/scroll-shadow": "2.1.14",
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/@nextui-org/autocomplete/-/autocomplete-2.0.14.tgz",
+      "integrity": "sha512-mB0DGhMKwxP4YxL+nyF0MNHTSNpHgRjqx7kIs+LA1nJE2FoZmk0nhOgJQrZan2HEjNyil9eWuGgqYOtLEXP0dw==",
+      "dependencies": {
+        "@nextui-org/aria-utils": "2.0.17",
+        "@nextui-org/button": "2.0.29",
+        "@nextui-org/input": "2.1.19",
+        "@nextui-org/listbox": "2.1.18",
+        "@nextui-org/popover": "2.1.19",
+        "@nextui-org/react-utils": "2.0.12",
+        "@nextui-org/scroll-shadow": "2.1.15",
         "@nextui-org/shared-icons": "2.0.7",
         "@nextui-org/shared-utils": "2.0.5",
-        "@nextui-org/spinner": "2.0.26",
+        "@nextui-org/spinner": "2.0.27",
         "@nextui-org/use-aria-button": "2.0.7",
         "@nextui-org/use-safe-layout-effect": "2.0.5",
         "@react-aria/combobox": "^3.8.4",
@@ -876,11 +953,11 @@
       }
     },
     "node_modules/@nextui-org/avatar": {
-      "version": "2.0.25",
-      "resolved": "https://registry.npmjs.org/@nextui-org/avatar/-/avatar-2.0.25.tgz",
-      "integrity": "sha512-7toV6IWu2l2FCpAsG1/8ZlNbUOWg54LXnDVZsKQJ3SRea7k8ET4punx0JywxEVlLlrRMAVXaoYXSm7qDyszzXA==",
+      "version": "2.0.26",
+      "resolved": "https://registry.npmjs.org/@nextui-org/avatar/-/avatar-2.0.26.tgz",
+      "integrity": "sha512-Om3HVvM06NIcGuLlDMHiSYL0xaP59YqkyfZJdVd7qOqJyuF6NBMPc6zKMga3DWkBafnon5L9mE2JA6vqR1wMFA==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
         "@nextui-org/use-image": "2.0.5",
         "@react-aria/focus": "^3.16.2",
@@ -895,13 +972,13 @@
       }
     },
     "node_modules/@nextui-org/badge": {
-      "version": "2.0.25",
-      "resolved": "https://registry.npmjs.org/@nextui-org/badge/-/badge-2.0.25.tgz",
-      "integrity": "sha512-rOlP1np1Y4TYo1ryXt45D4IM13EbVlYmdeYHEqxEYDHed6yRhklXW2/QSpehLSO9n7N7bCuZVfdXM8dY8cAaag==",
+      "version": "2.0.26",
+      "resolved": "https://registry.npmjs.org/@nextui-org/badge/-/badge-2.0.26.tgz",
+      "integrity": "sha512-yz9ARFDtZUIzaxWkFkX4vPb83RuUbRSBPJcWcJHZ5ILh8y1z8+YQ2l2HxcYF5UDo+hJ1FDrwTgKrbORkEniYaA==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
-        "@nextui-org/system-rsc": "2.1.0"
+        "@nextui-org/system-rsc": "2.1.1"
       },
       "peerDependencies": {
         "@nextui-org/theme": ">=2.1.0",
@@ -910,11 +987,11 @@
       }
     },
     "node_modules/@nextui-org/breadcrumbs": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nextui-org/breadcrumbs/-/breadcrumbs-2.0.5.tgz",
-      "integrity": "sha512-DCVpwwNrLpqbNAqGOvqcEtivoG9arBJL2rOxT7yct1fOJGbYM4VaXutfPpgU1KcrFlOILGqh3OY8RQv85Tp1cA==",
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@nextui-org/breadcrumbs/-/breadcrumbs-2.0.6.tgz",
+      "integrity": "sha512-qpi3hCkdxsA0MlVjA0ZklOh0dzGPYvzozQHUqNu6WMwVGG9xed0wvbec7JGloWzB7Qkhs31so/+c6jcsOMomUA==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-icons": "2.0.7",
         "@nextui-org/shared-utils": "2.0.5",
         "@react-aria/breadcrumbs": "^3.5.11",
@@ -931,14 +1008,14 @@
       }
     },
     "node_modules/@nextui-org/button": {
-      "version": "2.0.28",
-      "resolved": "https://registry.npmjs.org/@nextui-org/button/-/button-2.0.28.tgz",
-      "integrity": "sha512-c2zH64bFV4e33Xqdb6pGQuJNsCdxOEKR1w18W/KI28ViA/SH9pzLB6PQLfDE8pLYIuSu/nP4BQtmHh7M2/WEew==",
+      "version": "2.0.29",
+      "resolved": "https://registry.npmjs.org/@nextui-org/button/-/button-2.0.29.tgz",
+      "integrity": "sha512-AT2NaH81TiYTwuqV/vp8Kin0wBmmrhCSdX0hO7ye9K1Dv9BTvMDae2Hx8Wc8qqTdTnzCh7OhJJ1wTEIfEeKxhg==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
-        "@nextui-org/ripple": "2.0.25",
+        "@nextui-org/react-utils": "2.0.12",
+        "@nextui-org/ripple": "2.0.26",
         "@nextui-org/shared-utils": "2.0.5",
-        "@nextui-org/spinner": "2.0.26",
+        "@nextui-org/spinner": "2.0.27",
         "@nextui-org/use-aria-button": "2.0.7",
         "@react-aria/button": "^3.9.3",
         "@react-aria/focus": "^3.16.2",
@@ -956,14 +1033,14 @@
       }
     },
     "node_modules/@nextui-org/calendar": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@nextui-org/calendar/-/calendar-2.0.1.tgz",
-      "integrity": "sha512-sm0ynpyM06Fg/NOGPjOl27J8SPvULuiNynIPc1iw0SA+pi24/bbUu5eY0ayxj7uUSm0t5iOY7NKWi2/qjsUFKQ==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@nextui-org/calendar/-/calendar-2.0.2.tgz",
+      "integrity": "sha512-EHJ+QNieIBd4G692kgM2C1Nkg2k+vH0cp3hxDHXIK/e1OTx7xSAPibKP22yGvV6sMZukz/uU+eaXvo67vuqxcg==",
       "dependencies": {
         "@internationalized/date": "^3.5.2",
-        "@nextui-org/button": "2.0.28",
-        "@nextui-org/framer-utils": "2.0.16",
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/button": "2.0.29",
+        "@nextui-org/framer-utils": "2.0.17",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-icons": "2.0.7",
         "@nextui-org/shared-utils": "2.0.5",
         "@nextui-org/use-aria-button": "2.0.7",
@@ -997,13 +1074,21 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@nextui-org/calendar/node_modules/scroll-into-view-if-needed": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.0.10.tgz",
+      "integrity": "sha512-t44QCeDKAPf1mtQH3fYpWz8IM/DyvHLjs8wUvvwMYxk5moOqCzrMSxK6HQVD0QVmVjXFavoFIPRVrMuJPKAvtg==",
+      "dependencies": {
+        "compute-scroll-into-view": "^3.0.2"
+      }
+    },
     "node_modules/@nextui-org/card": {
-      "version": "2.0.25",
-      "resolved": "https://registry.npmjs.org/@nextui-org/card/-/card-2.0.25.tgz",
-      "integrity": "sha512-NIz6m3i4t6SmqKFyyn4/N6YFfGT6Da3kJ9it8iLDrWHZVmmITQ7d13CnNcQz+A29Q2vItB2Kob8a2Thj6m1wmg==",
+      "version": "2.0.26",
+      "resolved": "https://registry.npmjs.org/@nextui-org/card/-/card-2.0.26.tgz",
+      "integrity": "sha512-2joRdGIfbabCOoCAMEXSJPOohWFjw05nkz3Buy8eCi41NcxZgHenu5Pis1gWLvlrg1FcOQ/Ns5EO1yp4edWt4A==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
-        "@nextui-org/ripple": "2.0.25",
+        "@nextui-org/react-utils": "2.0.12",
+        "@nextui-org/ripple": "2.0.26",
         "@nextui-org/shared-utils": "2.0.5",
         "@nextui-org/use-aria-button": "2.0.7",
         "@react-aria/button": "^3.9.3",
@@ -1021,12 +1106,13 @@
       }
     },
     "node_modules/@nextui-org/checkbox": {
-      "version": "2.0.26",
-      "resolved": "https://registry.npmjs.org/@nextui-org/checkbox/-/checkbox-2.0.26.tgz",
-      "integrity": "sha512-6/XdZvy/c/Pv3kBEDXhM0MKNfvzUSwjrlbisI6Ww4/UQSZDaq1sdpQ4PkiBSl/OtCW9EoMZpH0USiYIi6BT24Q==",
+      "version": "2.0.28",
+      "resolved": "https://registry.npmjs.org/@nextui-org/checkbox/-/checkbox-2.0.28.tgz",
+      "integrity": "sha512-JWO48YiN5M150iEOHIPCcY65bBztmi1Rcwk9+kl39z8CBMNXmTKYPG35RDkN120F6EiaPlQ1LesvHhZ6Ssgh/w==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
+        "@nextui-org/use-callback-ref": "2.0.5",
         "@nextui-org/use-safe-layout-effect": "2.0.5",
         "@react-aria/checkbox": "^3.14.1",
         "@react-aria/focus": "^3.16.2",
@@ -1046,11 +1132,11 @@
       }
     },
     "node_modules/@nextui-org/chip": {
-      "version": "2.0.26",
-      "resolved": "https://registry.npmjs.org/@nextui-org/chip/-/chip-2.0.26.tgz",
-      "integrity": "sha512-WDgYXtITVQGDqGl2ukC7YKHx1ZZUhEoYBSamvH03+/4LmAVMqGKQkUtuJ1HQ+moXwrmyqOHS477dAr9dLu3/5A==",
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/@nextui-org/chip/-/chip-2.0.27.tgz",
+      "integrity": "sha512-ECtX0Fav/SDAJn4vXuI169YWlKIy8tsaAdgW8TrFjteK3i9tu6+DKXJ4mXFXCpHNroMIRnO+bokD6E2Uh0n8PQ==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-icons": "2.0.7",
         "@nextui-org/shared-utils": "2.0.5",
         "@react-aria/focus": "^3.16.2",
@@ -1066,13 +1152,13 @@
       }
     },
     "node_modules/@nextui-org/code": {
-      "version": "2.0.25",
-      "resolved": "https://registry.npmjs.org/@nextui-org/code/-/code-2.0.25.tgz",
-      "integrity": "sha512-OSE1dNVRBER2LF5OHFq5XoymKCLgYP+0E1ifKM7u4yLYzmWgq1DDMhoi75xv+wU5Fg3LmDVz3JzbAedjArziSQ==",
+      "version": "2.0.26",
+      "resolved": "https://registry.npmjs.org/@nextui-org/code/-/code-2.0.26.tgz",
+      "integrity": "sha512-6uZRDv0aqsapRTDnPlCFmhG6hVkvpmg0VWc7CwVjPnveqemoLxxEdjHw0+dq0s3MzgYaLfSA1U4nwzwph6h7Ag==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
-        "@nextui-org/system-rsc": "2.1.0"
+        "@nextui-org/system-rsc": "2.1.1"
       },
       "peerDependencies": {
         "@nextui-org/theme": ">=2.1.0",
@@ -1081,12 +1167,12 @@
       }
     },
     "node_modules/@nextui-org/date-input": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@nextui-org/date-input/-/date-input-2.0.1.tgz",
-      "integrity": "sha512-uAtZGtQb3FuWhGYPFOra4fttAY0PQwxxNW37TkPTK2WS5nWyiB3Lzc9mEp2vJ/H5jngpaS7jLVd5AZtju0Fb2g==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@nextui-org/date-input/-/date-input-2.0.2.tgz",
+      "integrity": "sha512-FPaUBSxT15IOuVYikan+X3YBcgccjNHwQXWuZaI9UDxAtFeMCHHPygwFrGUcddyLf1my6HJDubGGicl2Uk+QaQ==",
       "dependencies": {
         "@internationalized/date": "^3.5.2",
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
         "@react-aria/datepicker": "^3.9.3",
         "@react-aria/i18n": "^3.8.4",
@@ -1111,16 +1197,16 @@
       }
     },
     "node_modules/@nextui-org/date-picker": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@nextui-org/date-picker/-/date-picker-2.0.2.tgz",
-      "integrity": "sha512-jPTPP/i0KtAkYVwspjyxWJsWcvW6IxECf83qAhwGNK3fM/lcJVFVRZILYMz7GYQaV3VW/QO8Ye4sVv/beH0wpw==",
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nextui-org/date-picker/-/date-picker-2.0.5.tgz",
+      "integrity": "sha512-PDie+u3LGiBA/6b1JScpv+hwUWGumm7mmEWoWKJdT6EMLk6EfQUH95hznHvxn281kYcjHZgrp+sjnHrtHXg0BA==",
       "dependencies": {
         "@internationalized/date": "^3.5.2",
-        "@nextui-org/button": "2.0.28",
-        "@nextui-org/calendar": "2.0.1",
-        "@nextui-org/date-input": "2.0.1",
-        "@nextui-org/popover": "2.1.16",
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/button": "2.0.29",
+        "@nextui-org/calendar": "2.0.2",
+        "@nextui-org/date-input": "2.0.2",
+        "@nextui-org/popover": "2.1.19",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-icons": "2.0.7",
         "@nextui-org/shared-utils": "2.0.5",
         "@react-aria/datepicker": "^3.9.3",
@@ -1148,13 +1234,13 @@
       }
     },
     "node_modules/@nextui-org/divider": {
-      "version": "2.0.26",
-      "resolved": "https://registry.npmjs.org/@nextui-org/divider/-/divider-2.0.26.tgz",
-      "integrity": "sha512-xjS2MDRC5Str3nGAwToGkO7Q5bLAAJaEBrJ5fKR2ptp9FM/S5FWGGwJ+Rl48lXQfj8n5gV2i6E4GpdBjAIPvDA==",
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/@nextui-org/divider/-/divider-2.0.27.tgz",
+      "integrity": "sha512-530oEHonzaxKxspoaKnBFJ4InGqXv2FgOYzEPAMWoMmLb4/zp7e5lRipFKqRsN+zdwIkRNH6c0VJmHfyWI+bUg==",
       "dependencies": {
-        "@nextui-org/react-rsc-utils": "2.0.11",
+        "@nextui-org/react-rsc-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
-        "@nextui-org/system-rsc": "2.1.0",
+        "@nextui-org/system-rsc": "2.1.1",
         "@react-types/shared": "^3.22.1"
       },
       "peerDependencies": {
@@ -1164,13 +1250,13 @@
       }
     },
     "node_modules/@nextui-org/dropdown": {
-      "version": "2.1.18",
-      "resolved": "https://registry.npmjs.org/@nextui-org/dropdown/-/dropdown-2.1.18.tgz",
-      "integrity": "sha512-6Qjgh8dzmHoiU/4/xRyiJ0o3Aak7BjHIkfY3oJkGsa8wt9rId34MSO7KQKvBuJp2YN1Or7o1Oo3FXAC19CDVOg==",
+      "version": "2.1.21",
+      "resolved": "https://registry.npmjs.org/@nextui-org/dropdown/-/dropdown-2.1.21.tgz",
+      "integrity": "sha512-J37jjdHF+CpUK7TzY/D0XoFpK1GGnoSFZB+C95Ke7c+kdlUeBbWSjyv6wdrc8Up1W5M6YCiQqxuvtljPA5TnLA==",
       "dependencies": {
-        "@nextui-org/menu": "2.0.18",
-        "@nextui-org/popover": "2.1.16",
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/menu": "2.0.20",
+        "@nextui-org/popover": "2.1.19",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
         "@react-aria/focus": "^3.16.2",
         "@react-aria/menu": "^3.13.1",
@@ -1187,12 +1273,12 @@
       }
     },
     "node_modules/@nextui-org/framer-utils": {
-      "version": "2.0.16",
-      "resolved": "https://registry.npmjs.org/@nextui-org/framer-utils/-/framer-utils-2.0.16.tgz",
-      "integrity": "sha512-SVKDOcXVoEEm0H+fxd2K1Bot1o2D6+UbrtozN9IWxm2f36Eb/YAnsUY2alDQGWz4Pj8NNshSMA9PwPQ01X+jzQ==",
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/@nextui-org/framer-utils/-/framer-utils-2.0.17.tgz",
+      "integrity": "sha512-Iv8ejCAkKOwShKgvBDCw3tTv4nEXnIhQsJ16YiXnez26UPE4Pn4phpv7Ogua+trX9Qg0ox3aM3JKtuN73crLPA==",
       "dependencies": {
         "@nextui-org/shared-utils": "2.0.5",
-        "@nextui-org/system": "2.1.0",
+        "@nextui-org/system": "2.1.1",
         "@nextui-org/use-measure": "2.0.1"
       },
       "peerDependencies": {
@@ -1202,11 +1288,11 @@
       }
     },
     "node_modules/@nextui-org/image": {
-      "version": "2.0.25",
-      "resolved": "https://registry.npmjs.org/@nextui-org/image/-/image-2.0.25.tgz",
-      "integrity": "sha512-HXBlrrSw3mzyFuL6mLpmc1CIY42E/1Ul5r//nx4v/rxPPLseVelUaLH6I39f1tfUes+WifcpdQWRcZFfZfqf/A==",
+      "version": "2.0.26",
+      "resolved": "https://registry.npmjs.org/@nextui-org/image/-/image-2.0.26.tgz",
+      "integrity": "sha512-bvPVLYczYxV/LEYU/aHVWYJVfYP4ooJ22KdhySD3Ix1oqVmlne7FCHF9DwgFq3Zlq4Wy8eDJVI4D9d2kMchL4g==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
         "@nextui-org/use-image": "2.0.5"
       },
@@ -1218,11 +1304,11 @@
       }
     },
     "node_modules/@nextui-org/input": {
-      "version": "2.1.18",
-      "resolved": "https://registry.npmjs.org/@nextui-org/input/-/input-2.1.18.tgz",
-      "integrity": "sha512-VmAjve2TfjTV4hxLPbUOM1TA1+TBhlIZaLFXXp7gnnyVYJYimteTDVBhFVEt5dKk1JbKfTfJ2urv7x6Et6G03Q==",
+      "version": "2.1.19",
+      "resolved": "https://registry.npmjs.org/@nextui-org/input/-/input-2.1.19.tgz",
+      "integrity": "sha512-5GXB0f+LRFLi96Rc5oR4TpvOIqwlaVg4iAZUvDcW7vgRXBBLliMSn8MkVUYh66+7YVaqE99bZntYT6jTz8QsGw==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-icons": "2.0.7",
         "@nextui-org/shared-utils": "2.0.5",
         "@react-aria/focus": "^3.16.2",
@@ -1242,13 +1328,13 @@
       }
     },
     "node_modules/@nextui-org/kbd": {
-      "version": "2.0.26",
-      "resolved": "https://registry.npmjs.org/@nextui-org/kbd/-/kbd-2.0.26.tgz",
-      "integrity": "sha512-miBE2qN0LUleIQ0v0sP7U5sX3vzqzQyhsXXDmc2pB7zt8xngrRnwXZc6N58/A1gvLaIJszlQAZTFTcpspdN/xA==",
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/@nextui-org/kbd/-/kbd-2.0.27.tgz",
+      "integrity": "sha512-8n118sntXdK90lU/5qlMjxykGKwb7Ttt12Wnvlefwot8fkpdY5o5zPxgQpb4nOHHpfjtEXeu4UdrzVMGgJ6zDA==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
-        "@nextui-org/system-rsc": "2.1.0",
+        "@nextui-org/system-rsc": "2.1.1",
         "@react-aria/utils": "^3.23.2"
       },
       "peerDependencies": {
@@ -1258,11 +1344,11 @@
       }
     },
     "node_modules/@nextui-org/link": {
-      "version": "2.0.27",
-      "resolved": "https://registry.npmjs.org/@nextui-org/link/-/link-2.0.27.tgz",
-      "integrity": "sha512-H68Equi23bmvMPgMxkhuw3r662qBSRBPbODtNjo7IQNNRdhhzcN23W90UNVDXCL1ucwO6NMCgfRUc2A5M1raWg==",
+      "version": "2.0.28",
+      "resolved": "https://registry.npmjs.org/@nextui-org/link/-/link-2.0.28.tgz",
+      "integrity": "sha512-f59rC8a++7Z78uXLa3le6I5z0rF0d1pyVNPwyjSk/Uyn71chBjcMHA2v8uq66YG2Agu0oWb4aJ8VxU4krhwyWw==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-icons": "2.0.7",
         "@nextui-org/shared-utils": "2.0.5",
         "@nextui-org/use-aria-link": "2.0.16",
@@ -1279,13 +1365,13 @@
       }
     },
     "node_modules/@nextui-org/listbox": {
-      "version": "2.1.17",
-      "resolved": "https://registry.npmjs.org/@nextui-org/listbox/-/listbox-2.1.17.tgz",
-      "integrity": "sha512-sGRy6GHL5F3LNMU4WaogMPkVLhuj4cuk+9lSMWcrZqGKJcSS24YboDfaZgtBeOdh4UcR/okN53IADcgnZ5a8ZQ==",
+      "version": "2.1.18",
+      "resolved": "https://registry.npmjs.org/@nextui-org/listbox/-/listbox-2.1.18.tgz",
+      "integrity": "sha512-2ChN9wOvDoqLO08HFR5WajRSR9gWE2SGXKPJa6fps4HeRr8gPMF7yG2Km9jxgxOvnqYz7qJCnt+BXZ/Bi1fRMg==",
       "dependencies": {
-        "@nextui-org/aria-utils": "2.0.16",
-        "@nextui-org/divider": "2.0.26",
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/aria-utils": "2.0.17",
+        "@nextui-org/divider": "2.0.27",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
         "@nextui-org/use-is-mobile": "2.0.7",
         "@react-aria/focus": "^3.16.2",
@@ -1304,14 +1390,15 @@
       }
     },
     "node_modules/@nextui-org/menu": {
-      "version": "2.0.18",
-      "resolved": "https://registry.npmjs.org/@nextui-org/menu/-/menu-2.0.18.tgz",
-      "integrity": "sha512-v7BMs2+zNFzH9IEnh1h2JxF4yQgbyPCdWOqKT+PAXZ3gutymFHdTCBbYeIBD+WEnJEcWtRVDM/V+u43Rkb07sg==",
+      "version": "2.0.20",
+      "resolved": "https://registry.npmjs.org/@nextui-org/menu/-/menu-2.0.20.tgz",
+      "integrity": "sha512-RC5aZ5GO38KIzNXH05ODBxzSS/wi/cwwzxKb54he/ildH0EFFKALEF/H+6Z8t5veR9xReJpAPKzjFlg5JbjTDA==",
       "dependencies": {
-        "@nextui-org/aria-utils": "2.0.16",
-        "@nextui-org/divider": "2.0.26",
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/aria-utils": "2.0.17",
+        "@nextui-org/divider": "2.0.27",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
+        "@nextui-org/use-aria-menu": "2.0.1",
         "@nextui-org/use-is-mobile": "2.0.7",
         "@react-aria/focus": "^3.16.2",
         "@react-aria/interactions": "^3.21.1",
@@ -1330,12 +1417,12 @@
       }
     },
     "node_modules/@nextui-org/modal": {
-      "version": "2.0.31",
-      "resolved": "https://registry.npmjs.org/@nextui-org/modal/-/modal-2.0.31.tgz",
-      "integrity": "sha512-tgT6Gt64KArc3pnGU8jLaSDkKRtMnJNa5U1FIeMcPq6xA+EUNcDsP2epMPHbwhjfGrI/AoM2ZqbKB8nd27bLow==",
+      "version": "2.0.32",
+      "resolved": "https://registry.npmjs.org/@nextui-org/modal/-/modal-2.0.32.tgz",
+      "integrity": "sha512-jK1O4I5YNLiDlDawKuKyAOv9Oz+bRl2ulWE8dVtS1SsF/v6nI9/6+p2XF/0tq171SIPY4hQP3dYftfOPZcIWhQ==",
       "dependencies": {
-        "@nextui-org/framer-utils": "2.0.16",
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/framer-utils": "2.0.17",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-icons": "2.0.7",
         "@nextui-org/shared-utils": "2.0.5",
         "@nextui-org/use-aria-button": "2.0.7",
@@ -1358,12 +1445,12 @@
       }
     },
     "node_modules/@nextui-org/navbar": {
-      "version": "2.0.28",
-      "resolved": "https://registry.npmjs.org/@nextui-org/navbar/-/navbar-2.0.28.tgz",
-      "integrity": "sha512-RtxWgGiRKzsBA5G0RzvbmkAr/2AYzO1iay2lQqGU0F5rKezxh1iPr7m1jnbk+apKHaI3f6a6SQ1UeGe3c5GsTg==",
+      "version": "2.0.29",
+      "resolved": "https://registry.npmjs.org/@nextui-org/navbar/-/navbar-2.0.29.tgz",
+      "integrity": "sha512-GozIE+qMEuLRrcM0zlXA2Gao7y9z9V+hh3tF7xihbjWoh5+6uqDUW6sK6nLVWDmN2K2HJ37Ero/3Ak33EaM5xQ==",
       "dependencies": {
-        "@nextui-org/framer-utils": "2.0.16",
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/framer-utils": "2.0.17",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
         "@nextui-org/use-aria-toggle-button": "2.0.7",
         "@nextui-org/use-scroll-position": "2.0.5",
@@ -1408,11 +1495,11 @@
       }
     },
     "node_modules/@nextui-org/pagination": {
-      "version": "2.0.28",
-      "resolved": "https://registry.npmjs.org/@nextui-org/pagination/-/pagination-2.0.28.tgz",
-      "integrity": "sha512-zswTUqyif/U6fJPV+u5ZtlDxG358GFG6IiTqKHxLBWblB7FhCpHC0hKUgLyvLjgYVkyXetjkfiQ7nszMkCpnxw==",
+      "version": "2.0.29",
+      "resolved": "https://registry.npmjs.org/@nextui-org/pagination/-/pagination-2.0.29.tgz",
+      "integrity": "sha512-ctEAIVUyf1mptAHfkdb2DkOfLimkfkqujzanM4ksQ2Kan9G9EGe7eka8KZKbVQcOik6E4+PKIBDepz47osAuTA==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-icons": "2.0.7",
         "@nextui-org/shared-utils": "2.0.5",
         "@nextui-org/use-pagination": "2.0.6",
@@ -1429,15 +1516,23 @@
         "react-dom": ">=18"
       }
     },
+    "node_modules/@nextui-org/pagination/node_modules/scroll-into-view-if-needed": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.0.10.tgz",
+      "integrity": "sha512-t44QCeDKAPf1mtQH3fYpWz8IM/DyvHLjs8wUvvwMYxk5moOqCzrMSxK6HQVD0QVmVjXFavoFIPRVrMuJPKAvtg==",
+      "dependencies": {
+        "compute-scroll-into-view": "^3.0.2"
+      }
+    },
     "node_modules/@nextui-org/popover": {
-      "version": "2.1.16",
-      "resolved": "https://registry.npmjs.org/@nextui-org/popover/-/popover-2.1.16.tgz",
-      "integrity": "sha512-J+edKpiRi7oyfeKbokf3QBNhAlCiP5bnzGvq2ZiK/tJzGz8rA2GjdebDThQzKWw9B3aTnNmgDOBih3yTQJz4Pg==",
-      "dependencies": {
-        "@nextui-org/aria-utils": "2.0.16",
-        "@nextui-org/button": "2.0.28",
-        "@nextui-org/framer-utils": "2.0.16",
-        "@nextui-org/react-utils": "2.0.11",
+      "version": "2.1.19",
+      "resolved": "https://registry.npmjs.org/@nextui-org/popover/-/popover-2.1.19.tgz",
+      "integrity": "sha512-xQPRZ2cQNHhTtOD35NP6JE6OBOcLMZxeyR6uBcGczuLhpCItiKXP2J2IgB8xvAPbqnpU0sOwicA52y1pDGCYAg==",
+      "dependencies": {
+        "@nextui-org/aria-utils": "2.0.17",
+        "@nextui-org/button": "2.0.29",
+        "@nextui-org/framer-utils": "2.0.17",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
         "@nextui-org/use-aria-button": "2.0.7",
         "@nextui-org/use-safe-layout-effect": "2.0.5",
@@ -1484,11 +1579,11 @@
       }
     },
     "node_modules/@nextui-org/progress": {
-      "version": "2.0.26",
-      "resolved": "https://registry.npmjs.org/@nextui-org/progress/-/progress-2.0.26.tgz",
-      "integrity": "sha512-r/3HnzLkwmU4pvUphwKnz7pKIfm9bLbhVyaPSFOn/9PNfSoFjqBGQxUAVRdsVqqfZL+CqaUECwHN0IUC4yQUnA==",
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/@nextui-org/progress/-/progress-2.0.27.tgz",
+      "integrity": "sha512-oR3gOfNZkzGFeTDqhSh/jqfgUdfwCR/zr1dbW1nbgwEdJg+HBtj2W/jnStvDaCyd1sc80Eq6RN9xXB++SebE5g==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
         "@nextui-org/use-is-mounted": "2.0.5",
         "@react-aria/i18n": "^3.10.2",
@@ -1504,11 +1599,11 @@
       }
     },
     "node_modules/@nextui-org/radio": {
-      "version": "2.0.26",
-      "resolved": "https://registry.npmjs.org/@nextui-org/radio/-/radio-2.0.26.tgz",
-      "integrity": "sha512-uorMlEdZfiGAIhvSY0ITFpt5H5OBqi9mXnUXMMgsX6F9YxfR8xxgs8TE5fNLsVBRdrsmUn5UO+dBPMzbhXDwEA==",
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/@nextui-org/radio/-/radio-2.0.27.tgz",
+      "integrity": "sha512-rDqSQwET0BbecoI7ngRSKK1W3YZsZknpH4696qHCRkSF+pcxwTyvQuiZejIQr+ai6RQSGtZ4Fnj6vipBs4SaEA==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
         "@react-aria/focus": "^3.16.2",
         "@react-aria/interactions": "^3.21.1",
@@ -1527,53 +1622,53 @@
       }
     },
     "node_modules/@nextui-org/react": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@nextui-org/react/-/react-2.3.1.tgz",
-      "integrity": "sha512-YH9tXDkYEewZ7+cLwqJ2jB6oGvv6JaCmLk6OlJW1+B7O66YmJlEEM+VBJ1PzwitkKgtZce56sNLYEQF0h6RDlg==",
-      "dependencies": {
-        "@nextui-org/accordion": "2.0.29",
-        "@nextui-org/autocomplete": "2.0.11",
-        "@nextui-org/avatar": "2.0.25",
-        "@nextui-org/badge": "2.0.25",
-        "@nextui-org/breadcrumbs": "2.0.5",
-        "@nextui-org/button": "2.0.28",
-        "@nextui-org/calendar": "2.0.1",
-        "@nextui-org/card": "2.0.25",
-        "@nextui-org/checkbox": "2.0.26",
-        "@nextui-org/chip": "2.0.26",
-        "@nextui-org/code": "2.0.25",
-        "@nextui-org/date-input": "2.0.1",
-        "@nextui-org/date-picker": "2.0.2",
-        "@nextui-org/divider": "2.0.26",
-        "@nextui-org/dropdown": "2.1.18",
-        "@nextui-org/framer-utils": "2.0.16",
-        "@nextui-org/image": "2.0.25",
-        "@nextui-org/input": "2.1.18",
-        "@nextui-org/kbd": "2.0.26",
-        "@nextui-org/link": "2.0.27",
-        "@nextui-org/listbox": "2.1.17",
-        "@nextui-org/menu": "2.0.18",
-        "@nextui-org/modal": "2.0.31",
-        "@nextui-org/navbar": "2.0.28",
-        "@nextui-org/pagination": "2.0.28",
-        "@nextui-org/popover": "2.1.16",
-        "@nextui-org/progress": "2.0.26",
-        "@nextui-org/radio": "2.0.26",
-        "@nextui-org/ripple": "2.0.25",
-        "@nextui-org/scroll-shadow": "2.1.14",
-        "@nextui-org/select": "2.1.22",
-        "@nextui-org/skeleton": "2.0.25",
-        "@nextui-org/slider": "2.2.7",
-        "@nextui-org/snippet": "2.0.32",
-        "@nextui-org/spacer": "2.0.25",
-        "@nextui-org/spinner": "2.0.26",
-        "@nextui-org/switch": "2.0.26",
-        "@nextui-org/system": "2.1.0",
-        "@nextui-org/table": "2.0.29",
-        "@nextui-org/tabs": "2.0.27",
-        "@nextui-org/theme": "2.2.0",
-        "@nextui-org/tooltip": "2.0.31",
-        "@nextui-org/user": "2.0.26",
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/@nextui-org/react/-/react-2.3.4.tgz",
+      "integrity": "sha512-QJpS8fRe+7f5g4gZl63f5nrtHKzVFKGNpf7u6P0OnIOpkQ8GG0+PoS7Sjn8bGoIPUCTMOrWZyj46pTFvghXCRw==",
+      "dependencies": {
+        "@nextui-org/accordion": "2.0.30",
+        "@nextui-org/autocomplete": "2.0.14",
+        "@nextui-org/avatar": "2.0.26",
+        "@nextui-org/badge": "2.0.26",
+        "@nextui-org/breadcrumbs": "2.0.6",
+        "@nextui-org/button": "2.0.29",
+        "@nextui-org/calendar": "2.0.2",
+        "@nextui-org/card": "2.0.26",
+        "@nextui-org/checkbox": "2.0.28",
+        "@nextui-org/chip": "2.0.27",
+        "@nextui-org/code": "2.0.26",
+        "@nextui-org/date-input": "2.0.2",
+        "@nextui-org/date-picker": "2.0.5",
+        "@nextui-org/divider": "2.0.27",
+        "@nextui-org/dropdown": "2.1.21",
+        "@nextui-org/framer-utils": "2.0.17",
+        "@nextui-org/image": "2.0.26",
+        "@nextui-org/input": "2.1.19",
+        "@nextui-org/kbd": "2.0.27",
+        "@nextui-org/link": "2.0.28",
+        "@nextui-org/listbox": "2.1.18",
+        "@nextui-org/menu": "2.0.20",
+        "@nextui-org/modal": "2.0.32",
+        "@nextui-org/navbar": "2.0.29",
+        "@nextui-org/pagination": "2.0.29",
+        "@nextui-org/popover": "2.1.19",
+        "@nextui-org/progress": "2.0.27",
+        "@nextui-org/radio": "2.0.27",
+        "@nextui-org/ripple": "2.0.26",
+        "@nextui-org/scroll-shadow": "2.1.15",
+        "@nextui-org/select": "2.1.25",
+        "@nextui-org/skeleton": "2.0.26",
+        "@nextui-org/slider": "2.2.8",
+        "@nextui-org/snippet": "2.0.33",
+        "@nextui-org/spacer": "2.0.26",
+        "@nextui-org/spinner": "2.0.27",
+        "@nextui-org/switch": "2.0.27",
+        "@nextui-org/system": "2.1.1",
+        "@nextui-org/table": "2.0.31",
+        "@nextui-org/tabs": "2.0.28",
+        "@nextui-org/theme": "2.2.1",
+        "@nextui-org/tooltip": "2.0.32",
+        "@nextui-org/user": "2.0.27",
         "@react-aria/visually-hidden": "^3.8.10"
       },
       "peerDependencies": {
@@ -1583,16 +1678,16 @@
       }
     },
     "node_modules/@nextui-org/react-rsc-utils": {
-      "version": "2.0.11",
-      "resolved": "https://registry.npmjs.org/@nextui-org/react-rsc-utils/-/react-rsc-utils-2.0.11.tgz",
-      "integrity": "sha512-clA0fpAB+kSfbDfx3V7qSWUPczTql9pBw0iWOKKwqY4RLFjoW9EuiwQiVLw0taJwhTlNH+L9M34TZZG9OQSjDw=="
+      "version": "2.0.12",
+      "resolved": "https://registry.npmjs.org/@nextui-org/react-rsc-utils/-/react-rsc-utils-2.0.12.tgz",
+      "integrity": "sha512-s2IG4pM1K+kbm6A2g3UpqrS592AExpGixtZNPJ2lV5+UQi1ld3vb4EiBIOViZMoSCNCoNdaeO5Yqo6cKghwCPA=="
     },
     "node_modules/@nextui-org/react-utils": {
-      "version": "2.0.11",
-      "resolved": "https://registry.npmjs.org/@nextui-org/react-utils/-/react-utils-2.0.11.tgz",
-      "integrity": "sha512-sKRuePleA6c/KCNZwViZpOB5VwpftzREXj5Ghp9d7AWJaGdTb5xfVaG9QAESG1Xmd6g4m/f06GwN9i4oi6Fzzw==",
+      "version": "2.0.12",
+      "resolved": "https://registry.npmjs.org/@nextui-org/react-utils/-/react-utils-2.0.12.tgz",
+      "integrity": "sha512-ga2gpShc3Em6gEiVWmGQm+bY5dOSKdz1RLo3hSMnXt+D0LCIWK6uDEgaa+Z5v//kigbQrS9Gqo8IDX4tV2kZxA==",
       "dependencies": {
-        "@nextui-org/react-rsc-utils": "2.0.11",
+        "@nextui-org/react-rsc-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5"
       },
       "peerDependencies": {
@@ -1600,11 +1695,11 @@
       }
     },
     "node_modules/@nextui-org/ripple": {
-      "version": "2.0.25",
-      "resolved": "https://registry.npmjs.org/@nextui-org/ripple/-/ripple-2.0.25.tgz",
-      "integrity": "sha512-Se1TECjReqCnBkYVmRNDBNcyCgwpsgTxm0fIceoi8krPZeKUnwsLGT3dpHccjL4zPPoVMA316u9NhdwvWtuYvw==",
+      "version": "2.0.26",
+      "resolved": "https://registry.npmjs.org/@nextui-org/ripple/-/ripple-2.0.26.tgz",
+      "integrity": "sha512-DeVaFagbts5rtkFy7U6qvgUIN4R7YkXwsS8tc5j11OmTGP8dALxJQdjdVK7Cin0roPIklUDV35zYuLzfFREUig==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5"
       },
       "peerDependencies": {
@@ -1616,11 +1711,11 @@
       }
     },
     "node_modules/@nextui-org/scroll-shadow": {
-      "version": "2.1.14",
-      "resolved": "https://registry.npmjs.org/@nextui-org/scroll-shadow/-/scroll-shadow-2.1.14.tgz",
-      "integrity": "sha512-kXSMs39lOksVy5wjyUbquh4SUZhMlyMQOCs/Hb0GdOoG9vqAwXhL5MLkzsj5a98FmZLvRgMKwWdNRstfi/6LJA==",
+      "version": "2.1.15",
+      "resolved": "https://registry.npmjs.org/@nextui-org/scroll-shadow/-/scroll-shadow-2.1.15.tgz",
+      "integrity": "sha512-2jRcxM8n2eUcpWRbyaQtnPNlDFhpYW/0zrvUqXZt4bbgqkGeKDWd4OMlslpYngPxXMyWSHBvEq954KKkV5pc3Q==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
         "@nextui-org/use-data-scroll-overflow": "2.1.4"
       },
@@ -1632,18 +1727,18 @@
       }
     },
     "node_modules/@nextui-org/select": {
-      "version": "2.1.22",
-      "resolved": "https://registry.npmjs.org/@nextui-org/select/-/select-2.1.22.tgz",
-      "integrity": "sha512-/9aDMTkXfus9hpg2Jl7XAQ6iNf0y5FN3uR8qfOprGkj0VVZJ5/uLUlTDqxdwjHdnbLJDw715ObQrsyunsT5zMA==",
-      "dependencies": {
-        "@nextui-org/aria-utils": "2.0.16",
-        "@nextui-org/listbox": "2.1.17",
-        "@nextui-org/popover": "2.1.16",
-        "@nextui-org/react-utils": "2.0.11",
-        "@nextui-org/scroll-shadow": "2.1.14",
+      "version": "2.1.25",
+      "resolved": "https://registry.npmjs.org/@nextui-org/select/-/select-2.1.25.tgz",
+      "integrity": "sha512-78Q7t/iT181LmiYA/KWc8J8LvtWZd0pRXBoL9brQBlVBkYmUUvUxpRtsr6Ni58n9uuweVzBScwotLGl7Uw4n5A==",
+      "dependencies": {
+        "@nextui-org/aria-utils": "2.0.17",
+        "@nextui-org/listbox": "2.1.18",
+        "@nextui-org/popover": "2.1.19",
+        "@nextui-org/react-utils": "2.0.12",
+        "@nextui-org/scroll-shadow": "2.1.15",
         "@nextui-org/shared-icons": "2.0.7",
         "@nextui-org/shared-utils": "2.0.5",
-        "@nextui-org/spinner": "2.0.26",
+        "@nextui-org/spinner": "2.0.27",
         "@nextui-org/use-aria-button": "2.0.7",
         "@nextui-org/use-aria-multiselect": "2.1.5",
         "@nextui-org/use-safe-layout-effect": "2.0.5",
@@ -1676,13 +1771,13 @@
       "integrity": "sha512-aFc/CUL8RVfBh0IotIpxkpKjyUPc/zJaMJd5pRCQA1kIpKLdSrlh3//MLYMaP/fo/NQtE3DPeXqfKhHRr1fkEw=="
     },
     "node_modules/@nextui-org/skeleton": {
-      "version": "2.0.25",
-      "resolved": "https://registry.npmjs.org/@nextui-org/skeleton/-/skeleton-2.0.25.tgz",
-      "integrity": "sha512-+XTfyBO2Pi1GwMxHzHqXF40VVRn3c1Pw87IAN33CuauCl65ZN+F5DvJQU2s2uHbU4w8+JWerwWRnvi4sLrjedg==",
+      "version": "2.0.26",
+      "resolved": "https://registry.npmjs.org/@nextui-org/skeleton/-/skeleton-2.0.26.tgz",
+      "integrity": "sha512-FAz5deL+4cOK4Ujur9rgiJ3bomhdqUxevgyTkzGUzmmYzSyphHHs0QgQwiwXKLrFU6yhBYl7qFr6wD6Q0thWgQ==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
-        "@nextui-org/system-rsc": "2.1.0"
+        "@nextui-org/system-rsc": "2.1.1"
       },
       "peerDependencies": {
         "@nextui-org/theme": ">=2.1.0",
@@ -1691,13 +1786,13 @@
       }
     },
     "node_modules/@nextui-org/slider": {
-      "version": "2.2.7",
-      "resolved": "https://registry.npmjs.org/@nextui-org/slider/-/slider-2.2.7.tgz",
-      "integrity": "sha512-c1dr2vOYgYB8WnzesKtfAxQRE9l9TApDzSd6gN2SlJ2Z1L0PDS9QS8bYfD4EExJ/WUEUpIk71owTnWlGTTvOiw==",
+      "version": "2.2.8",
+      "resolved": "https://registry.npmjs.org/@nextui-org/slider/-/slider-2.2.8.tgz",
+      "integrity": "sha512-+g9GucprOZTlDhpt4bism0W8srQ5tTzsadXMLGlt5Fo92atD7RHrzN0VOT84UBkaS71HQtSitFwVYLeAe/xR5Q==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
-        "@nextui-org/tooltip": "2.0.31",
+        "@nextui-org/tooltip": "2.0.32",
         "@react-aria/focus": "^3.16.2",
         "@react-aria/i18n": "^3.10.2",
         "@react-aria/interactions": "^3.21.1",
@@ -1714,15 +1809,15 @@
       }
     },
     "node_modules/@nextui-org/snippet": {
-      "version": "2.0.32",
-      "resolved": "https://registry.npmjs.org/@nextui-org/snippet/-/snippet-2.0.32.tgz",
-      "integrity": "sha512-cd/b8GsxAx/vFiaa9LYHDU7ZIvKhGuQTbYMh0h4F/ZzSFSLv1fh/tTXUhYXzNqTcqoy9VLEkGMn9ri3027YEqg==",
+      "version": "2.0.33",
+      "resolved": "https://registry.npmjs.org/@nextui-org/snippet/-/snippet-2.0.33.tgz",
+      "integrity": "sha512-9rNBFkr1sSemc0Awm3iUJLaTNGKx4zKoRYsQNBDxPJSCoU8GA4q6rTYT8hSvSJsjz4jEkfGIsyl5CJpUJAyYkg==",
       "dependencies": {
-        "@nextui-org/button": "2.0.28",
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/button": "2.0.29",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-icons": "2.0.7",
         "@nextui-org/shared-utils": "2.0.5",
-        "@nextui-org/tooltip": "2.0.31",
+        "@nextui-org/tooltip": "2.0.32",
         "@nextui-org/use-clipboard": "2.0.5",
         "@react-aria/focus": "^3.16.2",
         "@react-aria/utils": "^3.23.2"
@@ -1736,13 +1831,13 @@
       }
     },
     "node_modules/@nextui-org/spacer": {
-      "version": "2.0.25",
-      "resolved": "https://registry.npmjs.org/@nextui-org/spacer/-/spacer-2.0.25.tgz",
-      "integrity": "sha512-igRbillUKL9gJJKxjrjLJxUhfWHaGBmuNF8/JIZ2VOfze6EZiyCBYEceF/xGjRtIhBJoshne/EwvQZiiciNJRA==",
+      "version": "2.0.26",
+      "resolved": "https://registry.npmjs.org/@nextui-org/spacer/-/spacer-2.0.26.tgz",
+      "integrity": "sha512-SFn1CsEg1aPD3QT+44PeoVVgpCVk6AVg0eROXF1f8PiTVhMWNef7TGZ1wY2TPUIoegjFpuEYvVY3HWs5wKMjdQ==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
-        "@nextui-org/system-rsc": "2.1.0"
+        "@nextui-org/system-rsc": "2.1.1"
       },
       "peerDependencies": {
         "@nextui-org/theme": ">=2.1.0",
@@ -1751,13 +1846,13 @@
       }
     },
     "node_modules/@nextui-org/spinner": {
-      "version": "2.0.26",
-      "resolved": "https://registry.npmjs.org/@nextui-org/spinner/-/spinner-2.0.26.tgz",
-      "integrity": "sha512-8/nFe6iGyJYSc55ba1bKJ403AOWNeGZ7ul2fNABGYdvyxiQnTsawjCTNAFPJFvVYXl1W8IKYlCBj86BM4Zuh9Q==",
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/@nextui-org/spinner/-/spinner-2.0.27.tgz",
+      "integrity": "sha512-SlG8ZH0BEDLVw7CFnKmD/CR52YzRsgNSZzfJqdmMOwjfrr+3FafMgcXF3kduGGcJ69Xx6bc63ig2qJEMJVuN9g==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
-        "@nextui-org/system-rsc": "2.1.0"
+        "@nextui-org/system-rsc": "2.1.1"
       },
       "peerDependencies": {
         "@nextui-org/theme": ">=2.1.0",
@@ -1766,11 +1861,11 @@
       }
     },
     "node_modules/@nextui-org/switch": {
-      "version": "2.0.26",
-      "resolved": "https://registry.npmjs.org/@nextui-org/switch/-/switch-2.0.26.tgz",
-      "integrity": "sha512-1EW/iZdSglqHaz+kptLUgHT6dlELCSwfyCQvx7fMIFNzWNj5IcwvLN7OlduZ9BRw93qNR+62N1IaulTnMuSWhw==",
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/@nextui-org/switch/-/switch-2.0.27.tgz",
+      "integrity": "sha512-Zgt3NGZ+kLM58gREkVqNLfN1dQfsDIet/vOAloE/c2CXxPCmXGqVcUr22QL96eEnk/3Lbg9aCsG0QEsh6juASg==",
       "dependencies": {
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
         "@react-aria/focus": "^3.16.2",
         "@react-aria/interactions": "^3.21.1",
@@ -1788,13 +1883,13 @@
       }
     },
     "node_modules/@nextui-org/system": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@nextui-org/system/-/system-2.1.0.tgz",
-      "integrity": "sha512-gpc2liYJhC1WVyW3fGHeV1GzqoRL//tqVP9OhdgtQuAvaSSAJ5hA3ZyCwPnbrt/yFj9/uaRWHrwdqQQzq6ohNA==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@nextui-org/system/-/system-2.1.1.tgz",
+      "integrity": "sha512-VA7yBoxEBSoWpcZPwf2iZS8EhCUb9f3gFHFInulnrVRzCXE+9daDDLruZL84TBYMFNssCEei0h9rHxqSR5SZkQ==",
       "dependencies": {
         "@internationalized/date": "^3.5.2",
-        "@nextui-org/react-utils": "2.0.11",
-        "@nextui-org/system-rsc": "2.1.0",
+        "@nextui-org/react-utils": "2.0.12",
+        "@nextui-org/system-rsc": "2.1.1",
         "@react-aria/i18n": "^3.10.2",
         "@react-aria/overlays": "^3.21.1",
         "@react-aria/utils": "^3.23.2",
@@ -1806,9 +1901,9 @@
       }
     },
     "node_modules/@nextui-org/system-rsc": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@nextui-org/system-rsc/-/system-rsc-2.1.0.tgz",
-      "integrity": "sha512-8OBsJlUKsHy/D5MT5sciVARA1i09it9sJsGhm7WR2HORWnH/4W4a8FyD3qcQXJSqMlJ62LO0t0cV5bxfAMyryg==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@nextui-org/system-rsc/-/system-rsc-2.1.1.tgz",
+      "integrity": "sha512-gkTKNAbTZVl81SVJsaLHp4iqyd956y40UIGUXPeq0pwOGLM0xGWSkLbkNT8WtdPUt3bSD9y0xuKbiV3tpSBGOA==",
       "dependencies": {
         "clsx": "^1.2.1"
       },
@@ -1827,15 +1922,15 @@
       }
     },
     "node_modules/@nextui-org/table": {
-      "version": "2.0.29",
-      "resolved": "https://registry.npmjs.org/@nextui-org/table/-/table-2.0.29.tgz",
-      "integrity": "sha512-ubCLVOVlX2MTdwdN0QfEpx/jKdOnHwsN7XsVFW6XMJI9wl1VYLm6BRNeQiS35C3iZ1oOpq9P1NEN35nO8q88Bw==",
+      "version": "2.0.31",
+      "resolved": "https://registry.npmjs.org/@nextui-org/table/-/table-2.0.31.tgz",
+      "integrity": "sha512-2foQ5rHqqQUpvTQFyImJp21Sf/KbhAMXmP+6v6BzCnL9+ebeaWl5Zah6q8YpyE5/SBT53OkuuUOIr1ZkPIbmaQ==",
       "dependencies": {
-        "@nextui-org/checkbox": "2.0.26",
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/checkbox": "2.0.28",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-icons": "2.0.7",
         "@nextui-org/shared-utils": "2.0.5",
-        "@nextui-org/spacer": "2.0.25",
+        "@nextui-org/spacer": "2.0.26",
         "@react-aria/focus": "^3.16.2",
         "@react-aria/interactions": "^3.21.1",
         "@react-aria/table": "^3.13.5",
@@ -1854,13 +1949,13 @@
       }
     },
     "node_modules/@nextui-org/tabs": {
-      "version": "2.0.27",
-      "resolved": "https://registry.npmjs.org/@nextui-org/tabs/-/tabs-2.0.27.tgz",
-      "integrity": "sha512-shG+yyrgzEt6zPrpjz9VgS4l43FmHCtMg0/QSLUmerVaFrrjwRnRw1BgxNQNge7FlI56oxmFCjcMEJjCGL0vIw==",
+      "version": "2.0.28",
+      "resolved": "https://registry.npmjs.org/@nextui-org/tabs/-/tabs-2.0.28.tgz",
+      "integrity": "sha512-OpzCeid3epo/fW8oB7vqR6ndUr3faYD0+oGWOUCo7YFxXK3pvhI3Gy03MywflB397pgQ4AEjgS74twamSu2kbA==",
       "dependencies": {
-        "@nextui-org/aria-utils": "2.0.16",
-        "@nextui-org/framer-utils": "2.0.16",
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/aria-utils": "2.0.17",
+        "@nextui-org/framer-utils": "2.0.17",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
         "@nextui-org/use-is-mounted": "2.0.5",
         "@nextui-org/use-update-effect": "2.0.5",
@@ -1881,10 +1976,18 @@
         "react-dom": ">=18"
       }
     },
+    "node_modules/@nextui-org/tabs/node_modules/scroll-into-view-if-needed": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.0.10.tgz",
+      "integrity": "sha512-t44QCeDKAPf1mtQH3fYpWz8IM/DyvHLjs8wUvvwMYxk5moOqCzrMSxK6HQVD0QVmVjXFavoFIPRVrMuJPKAvtg==",
+      "dependencies": {
+        "compute-scroll-into-view": "^3.0.2"
+      }
+    },
     "node_modules/@nextui-org/theme": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/@nextui-org/theme/-/theme-2.2.0.tgz",
-      "integrity": "sha512-vrsBBUcTAqwwsanVr5fBpNcMrWu+AAk9CfrxM97jUyT1tJGfZMTRuj42mfDbC1RUbv7AsmrgrwsnufvMHHvdkQ==",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@nextui-org/theme/-/theme-2.2.1.tgz",
+      "integrity": "sha512-cM43/RhJ+eF8nH+6o/weWpvMzEz+GMf/n4joi5vQTHOwz+XE7wma3stWZfKYfP6MJf1XFBdTGDZPt1vBRzIFaw==",
       "dependencies": {
         "color": "^4.2.3",
         "color2k": "^2.0.2",
@@ -1926,13 +2029,13 @@
       }
     },
     "node_modules/@nextui-org/tooltip": {
-      "version": "2.0.31",
-      "resolved": "https://registry.npmjs.org/@nextui-org/tooltip/-/tooltip-2.0.31.tgz",
-      "integrity": "sha512-mWXpT+YE1T64uhChtCVI6zTM8TIHni34n9hoVItqCe162vFbJDnQg5efzCm+3xRYyEzrbODEUgYxWVt8k8wkhw==",
+      "version": "2.0.32",
+      "resolved": "https://registry.npmjs.org/@nextui-org/tooltip/-/tooltip-2.0.32.tgz",
+      "integrity": "sha512-h2LL8MSOkn5ga4R2yeLSkBM55t7x0Q8DQaxXpNChxsMZBhWHUaJWakBDPhiXn2i9ENsW+wGR58WUnPdJAiS3xA==",
       "dependencies": {
-        "@nextui-org/aria-utils": "2.0.16",
-        "@nextui-org/framer-utils": "2.0.16",
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/aria-utils": "2.0.17",
+        "@nextui-org/framer-utils": "2.0.17",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
         "@nextui-org/use-safe-layout-effect": "2.0.5",
         "@react-aria/interactions": "^3.21.1",
@@ -1998,6 +2101,25 @@
         "react": ">=18"
       }
     },
+    "node_modules/@nextui-org/use-aria-menu": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@nextui-org/use-aria-menu/-/use-aria-menu-2.0.1.tgz",
+      "integrity": "sha512-yjoF/D9Fx7jqKe5cEqZ0vpMhDQb0PaZvJJ4Q+m6GGwotvGXG6SOnxx7E9WCNkDZVi1fLFIPjE3BtiWCwnCg1RQ==",
+      "dependencies": {
+        "@react-aria/i18n": "^3.10.2",
+        "@react-aria/interactions": "^3.21.1",
+        "@react-aria/menu": "^3.13.1",
+        "@react-aria/selection": "^3.17.5",
+        "@react-aria/utils": "^3.23.2",
+        "@react-stately/collections": "^3.10.5",
+        "@react-stately/tree": "^3.7.6",
+        "@react-types/menu": "^3.9.7",
+        "@react-types/shared": "^3.22.1"
+      },
+      "peerDependencies": {
+        "react": ">=18"
+      }
+    },
     "node_modules/@nextui-org/use-aria-modal-overlay": {
       "version": "2.0.8",
       "resolved": "https://registry.npmjs.org/@nextui-org/use-aria-modal-overlay/-/use-aria-modal-overlay-2.0.8.tgz",
@@ -2171,12 +2293,12 @@
       }
     },
     "node_modules/@nextui-org/user": {
-      "version": "2.0.26",
-      "resolved": "https://registry.npmjs.org/@nextui-org/user/-/user-2.0.26.tgz",
-      "integrity": "sha512-kv8iL1T50n9/xJ87iQLh9NnGYaExPhP7qHLuj2/eEk03l/EKjse6Q5HqbNv0+MN4NPsp/a3q5RP31THH/6yvpg==",
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/@nextui-org/user/-/user-2.0.27.tgz",
+      "integrity": "sha512-pOeFHbvqd1XVOLw3pxpTPYvW9n3T5a5LU4fEPau9Z/1ou4wFpjZ9f/YwBqkHob6C/b3okxoJ2R3N9APXSi5j7w==",
       "dependencies": {
-        "@nextui-org/avatar": "2.0.25",
-        "@nextui-org/react-utils": "2.0.11",
+        "@nextui-org/avatar": "2.0.26",
+        "@nextui-org/react-utils": "2.0.12",
         "@nextui-org/shared-utils": "2.0.5",
         "@react-aria/focus": "^3.16.2",
         "@react-aria/utils": "^3.23.2"
@@ -3026,192 +3148,786 @@
         "@babel/runtime": "^7.13.10"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-rect": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.0.1.tgz",
+      "integrity": "sha512-Cq5DLuSiuYVKNU8orzJMbl15TXilTnJKUCltMVQg53BQOF1/C5toAaGrowkgksdBQ9H+SRL23g0HDmg9tvmxXw==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/rect": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-size": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.0.1.tgz",
+      "integrity": "sha512-ibay+VqrgcaI6veAojjofPATwledXiSmX+C0KrBk/xgpX9rBzPV3OsfwlhQdUOFbh+LKQorLYT+xTXW9V8yd0g==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-use-layout-effect": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-visually-hidden": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.0.3.tgz",
+      "integrity": "sha512-D4w41yN5YRKtu464TLnByKzMDG/JlMPHtfZgQAu9v6mNakUqGUI9vUrfQKz8NK41VMm/xbZbh76NUTVtIYqOMA==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-primitive": "1.0.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/rect": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.0.1.tgz",
+      "integrity": "sha512-fyrgCaedtvMg9NK3en0pnOYJdtfwxUcNolezkNPUsoX57X8oQk+NkqcvzHXD2uKNij6GXmWU9NDru2IWjrO4BQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      }
+    },
+    "node_modules/@rc-component/color-picker": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/@rc-component/color-picker/-/color-picker-1.5.3.tgz",
+      "integrity": "sha512-+tGGH3nLmYXTalVe0L8hSZNs73VTP5ueSHwUlDC77KKRaN7G4DS4wcpG5DTDzdcV/Yas+rzA6UGgIyzd8fS4cw==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.6",
+        "@ctrl/tinycolor": "^3.6.1",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.38.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/context": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/context/-/context-1.4.0.tgz",
+      "integrity": "sha512-kFcNxg9oLRMoL3qki0OMxK+7g5mypjgaaJp/pkOis/6rVxma9nJBF/8kCIuTYHUQNr0ii7MxqE33wirPZLJQ2w==",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/mini-decimal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/mini-decimal/-/mini-decimal-1.1.0.tgz",
+      "integrity": "sha512-jS4E7T9Li2GuYwI6PyiVXmxTiM6b07rlD9Ge8uGZSCz3WlzcG5ZK7g5bbuKNeZ9pgUuPK/5guV781ujdVpm4HQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      }
+    },
+    "node_modules/@rc-component/mutate-observer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/mutate-observer/-/mutate-observer-1.1.0.tgz",
+      "integrity": "sha512-QjrOsDXQusNwGZPf4/qRQasg7UFEj06XiCJ8iuiq/Io7CrHrgVi6Uuetw60WAMG1799v+aM8kyc+1L/GBbHSlw==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/portal": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@rc-component/portal/-/portal-1.1.2.tgz",
+      "integrity": "sha512-6f813C0IsasTZms08kfA8kPAGxbbkYToa8ALaiDIGGECU4i9hj8Plgbx0sNJDrey3EtHO30hmdaxtT0138xZcg==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/tour": {
+      "version": "1.14.2",
+      "resolved": "https://registry.npmjs.org/@rc-component/tour/-/tour-1.14.2.tgz",
+      "integrity": "sha512-A75DZ8LVvahBIvxooj3Gvf2sxe+CGOkmzPNX7ek0i0AJHyKZ1HXe5ieIGo3m0FMdZfVOlbCJ952Duq8VKAHk6g==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "@rc-component/portal": "^1.0.0-9",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/trigger": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@rc-component/trigger/-/trigger-2.1.1.tgz",
+      "integrity": "sha512-UjHkedkgtEcgQu87w1VuWug1idoDJV7VUt0swxHXRcmei2uu1AuUzGBPEUlmOmXGJ+YtTgZfVLi7kuAUKoZTMA==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2",
+        "@rc-component/portal": "^1.1.0",
+        "classnames": "^2.3.2",
+        "rc-motion": "^2.0.0",
+        "rc-resize-observer": "^1.3.1",
+        "rc-util": "^5.38.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@react-aria/breadcrumbs": {
+      "version": "3.5.11",
+      "resolved": "https://registry.npmjs.org/@react-aria/breadcrumbs/-/breadcrumbs-3.5.11.tgz",
+      "integrity": "sha512-bQz4g2tKvcWxeqPGj9O0RQf++Ka8f2o/pJMJB+QQ27DVQWhxpQpND//oFku2aFYkxHB/fyD9qVoiqpQR25bidw==",
+      "dependencies": {
+        "@react-aria/i18n": "^3.10.2",
+        "@react-aria/link": "^3.6.5",
+        "@react-aria/utils": "^3.23.2",
+        "@react-types/breadcrumbs": "^3.7.3",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/button": {
+      "version": "3.9.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/button/-/button-3.9.3.tgz",
+      "integrity": "sha512-ZXo2VGTxfbaTEnfeIlm5ym4vYpGAy8sGrad8Scv+EyDAJWLMKokqctfaN6YSWbqUApC3FN63IvMqASflbmnYig==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.2",
+        "@react-aria/interactions": "^3.21.1",
+        "@react-aria/utils": "^3.23.2",
+        "@react-stately/toggle": "^3.7.2",
+        "@react-types/button": "^3.9.2",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/calendar": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/calendar/-/calendar-3.5.1.tgz",
+      "integrity": "sha512-3gGiI2arrGQtlPD9633l00TR4y5dj9IMFapEiCDuwVwNSCsnH8aiz/emg+3hGFq86QoyvkFBvnKmezJIVKfPkA==",
+      "dependencies": {
+        "@internationalized/date": "^3.5.0",
+        "@react-aria/i18n": "^3.8.3",
+        "@react-aria/interactions": "^3.19.0",
+        "@react-aria/live-announcer": "^3.3.1",
+        "@react-aria/utils": "^3.21.0",
+        "@react-stately/calendar": "^3.4.1",
+        "@react-types/button": "^3.9.0",
+        "@react-types/calendar": "^3.4.1",
+        "@react-types/shared": "^3.21.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/checkbox": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/checkbox/-/checkbox-3.14.1.tgz",
+      "integrity": "sha512-b4rtrg5SpRSa9jBOqzJMmprJ+jDi3KyVvUh+DsvISe5Ti7gVAhMBgnca1D0xBp22w2jhk/o4gyu1bYxGLum0GA==",
+      "dependencies": {
+        "@react-aria/form": "^3.0.3",
+        "@react-aria/interactions": "^3.21.1",
+        "@react-aria/label": "^3.7.6",
+        "@react-aria/toggle": "^3.10.2",
+        "@react-aria/utils": "^3.23.2",
+        "@react-stately/checkbox": "^3.6.3",
+        "@react-stately/form": "^3.0.1",
+        "@react-stately/toggle": "^3.7.2",
+        "@react-types/checkbox": "^3.7.1",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/combobox": {
+      "version": "3.8.4",
+      "resolved": "https://registry.npmjs.org/@react-aria/combobox/-/combobox-3.8.4.tgz",
+      "integrity": "sha512-HyTWIo2B/0xq0Of+sDEZCfJyf4BvCvDYIWG4UhjqL1kHIHIGQyyr+SldbVUjXVYnk8pP1eGB3ttiREujjjALPQ==",
+      "dependencies": {
+        "@react-aria/i18n": "^3.10.2",
+        "@react-aria/listbox": "^3.11.5",
+        "@react-aria/live-announcer": "^3.3.2",
+        "@react-aria/menu": "^3.13.1",
+        "@react-aria/overlays": "^3.21.1",
+        "@react-aria/selection": "^3.17.5",
+        "@react-aria/textfield": "^3.14.3",
+        "@react-aria/utils": "^3.23.2",
+        "@react-stately/collections": "^3.10.5",
+        "@react-stately/combobox": "^3.8.2",
+        "@react-stately/form": "^3.0.1",
+        "@react-types/button": "^3.9.2",
+        "@react-types/combobox": "^3.10.1",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/datepicker": {
+      "version": "3.9.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/datepicker/-/datepicker-3.9.3.tgz",
+      "integrity": "sha512-1AjCAizd88ACKjVNhFazX4HZZFwWi2rsSlGCTm66Nx6wm5N/Cpbm466dpYEFyQUsKSOG4CC65G1zfYoMPe48MQ==",
+      "dependencies": {
+        "@internationalized/date": "^3.5.2",
+        "@internationalized/number": "^3.5.1",
+        "@internationalized/string": "^3.2.1",
+        "@react-aria/focus": "^3.16.2",
+        "@react-aria/form": "^3.0.3",
+        "@react-aria/i18n": "^3.10.2",
+        "@react-aria/interactions": "^3.21.1",
+        "@react-aria/label": "^3.7.6",
+        "@react-aria/spinbutton": "^3.6.3",
+        "@react-aria/utils": "^3.23.2",
+        "@react-stately/datepicker": "^3.9.2",
+        "@react-stately/form": "^3.0.1",
+        "@react-types/button": "^3.9.2",
+        "@react-types/calendar": "^3.4.4",
+        "@react-types/datepicker": "^3.7.2",
+        "@react-types/dialog": "^3.5.8",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/datepicker/node_modules/@react-types/calendar": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/@react-types/calendar/-/calendar-3.4.4.tgz",
+      "integrity": "sha512-hV1Thmb/AES5OmfPvvmyjSkmsEULjiDfA7Yyy70L/YKuSNKb7Su+Bf2VnZuDW3ec+GxO4JJNlpJ0AkbphWBvcg==",
+      "dependencies": {
+        "@internationalized/date": "^3.5.2",
+        "@react-types/shared": "^3.22.1"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/dialog": {
+      "version": "3.5.12",
+      "resolved": "https://registry.npmjs.org/@react-aria/dialog/-/dialog-3.5.12.tgz",
+      "integrity": "sha512-7UJR/h/Y364u6Ltpw0bT51B48FybTuIBacGpEJN5IxZlpxvQt0KQcBDiOWfAa/GQogw4B5hH6agaOO0nJcP49Q==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.2",
+        "@react-aria/overlays": "^3.21.1",
+        "@react-aria/utils": "^3.23.2",
+        "@react-types/dialog": "^3.5.8",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/focus": {
+      "version": "3.16.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.16.2.tgz",
+      "integrity": "sha512-Rqo9ummmgotESfypzFjI3uh58yMpL+E+lJBbQuXkBM0u0cU2YYzu0uOrFrq3zcHk997udZvq1pGK/R+2xk9B7g==",
+      "dependencies": {
+        "@react-aria/interactions": "^3.21.1",
+        "@react-aria/utils": "^3.23.2",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0",
+        "clsx": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/form": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/form/-/form-3.0.3.tgz",
+      "integrity": "sha512-5Q2BHE4TTPDzGY2npCzpRRYshwWUb3SMUA/Cbz7QfEtBk+NYuVaq3KjvqLqgUUdyKtqLZ9Far0kIAexloOC4jw==",
+      "dependencies": {
+        "@react-aria/interactions": "^3.21.1",
+        "@react-aria/utils": "^3.23.2",
+        "@react-stately/form": "^3.0.1",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/grid": {
+      "version": "3.8.8",
+      "resolved": "https://registry.npmjs.org/@react-aria/grid/-/grid-3.8.8.tgz",
+      "integrity": "sha512-7Bzbya4tO0oIgqexwRb8D6ZdC0GASYq9f/pnkrqocgvG9e1SCld4zOioKbYQDvAK/NnbCgXmmdqFAcLM/iazaA==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.2",
+        "@react-aria/i18n": "^3.10.2",
+        "@react-aria/interactions": "^3.21.1",
+        "@react-aria/live-announcer": "^3.3.2",
+        "@react-aria/selection": "^3.17.5",
+        "@react-aria/utils": "^3.23.2",
+        "@react-stately/collections": "^3.10.5",
+        "@react-stately/grid": "^3.8.5",
+        "@react-stately/selection": "^3.14.3",
+        "@react-stately/virtualizer": "^3.6.8",
+        "@react-types/checkbox": "^3.7.1",
+        "@react-types/grid": "^3.2.4",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/i18n": {
+      "version": "3.10.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/i18n/-/i18n-3.10.2.tgz",
+      "integrity": "sha512-Z1ormoIvMOI4mEdcFLYsoJy9w/EzBdBmgfLP+S/Ah+1xwQOXpgwZxiKOhYHpWa0lf6hkKJL34N9MHJvCJ5Crvw==",
+      "dependencies": {
+        "@internationalized/date": "^3.5.2",
+        "@internationalized/message": "^3.1.2",
+        "@internationalized/number": "^3.5.1",
+        "@internationalized/string": "^3.2.1",
+        "@react-aria/ssr": "^3.9.2",
+        "@react-aria/utils": "^3.23.2",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/interactions": {
+      "version": "3.21.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/interactions/-/interactions-3.21.1.tgz",
+      "integrity": "sha512-AlHf5SOzsShkHfV8GLLk3v9lEmYqYHURKcXWue0JdYbmquMRkUsf/+Tjl1+zHVAQ8lKqRnPYbTmc4AcZbqxltw==",
+      "dependencies": {
+        "@react-aria/ssr": "^3.9.2",
+        "@react-aria/utils": "^3.23.2",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/label": {
+      "version": "3.7.6",
+      "resolved": "https://registry.npmjs.org/@react-aria/label/-/label-3.7.6.tgz",
+      "integrity": "sha512-ap9iFS+6RUOqeW/F2JoNpERqMn1PvVIo3tTMrJ1TY1tIwyJOxdCBRgx9yjnPBnr+Ywguep+fkPNNi/m74+tXVQ==",
+      "dependencies": {
+        "@react-aria/utils": "^3.23.2",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/link": {
+      "version": "3.6.5",
+      "resolved": "https://registry.npmjs.org/@react-aria/link/-/link-3.6.5.tgz",
+      "integrity": "sha512-kg8CxKqkciQFzODvLAfxEs8gbqNXFZCW/ISOE2LHYKbh9pA144LVo71qO3SPeYVVzIjmZeW4vEMdZwqkNozecw==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.2",
+        "@react-aria/interactions": "^3.21.1",
+        "@react-aria/utils": "^3.23.2",
+        "@react-types/link": "^3.5.3",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/listbox": {
+      "version": "3.11.5",
+      "resolved": "https://registry.npmjs.org/@react-aria/listbox/-/listbox-3.11.5.tgz",
+      "integrity": "sha512-y3a3zQYjT+JKgugCMMKS7K9sRoCoP1Z6Fiiyfd77OHXWzh9RlnvWGsseljynmbxLzSuPwFtCYkU1Jz4QwsPUIg==",
+      "dependencies": {
+        "@react-aria/interactions": "^3.21.1",
+        "@react-aria/label": "^3.7.6",
+        "@react-aria/selection": "^3.17.5",
+        "@react-aria/utils": "^3.23.2",
+        "@react-stately/collections": "^3.10.5",
+        "@react-stately/list": "^3.10.3",
+        "@react-types/listbox": "^3.4.7",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/live-announcer": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/live-announcer/-/live-announcer-3.3.2.tgz",
+      "integrity": "sha512-aOyPcsfyY9tLCBhuUaYCruwcd1IrYLc47Ou+J7wMzjeN9v4lsaEfiN12WFl8pDqOwfy6/7It2wmlm5hOuZY8wQ==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "node_modules/@react-aria/menu": {
+      "version": "3.13.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/menu/-/menu-3.13.1.tgz",
+      "integrity": "sha512-jF80YIcvD16Fgwm5pj7ViUE3Dj7z5iewQixLaFVdvpgfyE58SD/ZVU9/JkK5g/03DYM0sjpUKZGkdFxxw8eKnw==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.2",
+        "@react-aria/i18n": "^3.10.2",
+        "@react-aria/interactions": "^3.21.1",
+        "@react-aria/overlays": "^3.21.1",
+        "@react-aria/selection": "^3.17.5",
+        "@react-aria/utils": "^3.23.2",
+        "@react-stately/collections": "^3.10.5",
+        "@react-stately/menu": "^3.6.1",
+        "@react-stately/tree": "^3.7.6",
+        "@react-types/button": "^3.9.2",
+        "@react-types/menu": "^3.9.7",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/overlays": {
+      "version": "3.21.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/overlays/-/overlays-3.21.1.tgz",
+      "integrity": "sha512-djEBDF+TbIIOHWWNpdm19+z8xtY8U+T+wKVQg/UZ6oWnclSqSWeGl70vu73Cg4HVBJ4hKf1SRx4Z/RN6VvH4Yw==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.2",
+        "@react-aria/i18n": "^3.10.2",
+        "@react-aria/interactions": "^3.21.1",
+        "@react-aria/ssr": "^3.9.2",
+        "@react-aria/utils": "^3.23.2",
+        "@react-aria/visually-hidden": "^3.8.10",
+        "@react-stately/overlays": "^3.6.5",
+        "@react-types/button": "^3.9.2",
+        "@react-types/overlays": "^3.8.5",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/progress": {
+      "version": "3.4.11",
+      "resolved": "https://registry.npmjs.org/@react-aria/progress/-/progress-3.4.11.tgz",
+      "integrity": "sha512-RePHbS15/KYFiApYLdwazwvWKsB9q0Kn5DGCSb0hqCC+k2Eui8iVVOsegswiP+xqkk/TiUCIkBEw22W3Az4kTg==",
+      "dependencies": {
+        "@react-aria/i18n": "^3.10.2",
+        "@react-aria/label": "^3.7.6",
+        "@react-aria/utils": "^3.23.2",
+        "@react-types/progress": "^3.5.2",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/radio": {
+      "version": "3.10.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/radio/-/radio-3.10.2.tgz",
+      "integrity": "sha512-CTUTR+qt3BLjmyQvKHZuVm+1kyvT72ZptOty++sowKXgJApTLdjq8so1IpaLAr8JIfzqD5I4tovsYwIQOX8log==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.2",
+        "@react-aria/form": "^3.0.3",
+        "@react-aria/i18n": "^3.10.2",
+        "@react-aria/interactions": "^3.21.1",
+        "@react-aria/label": "^3.7.6",
+        "@react-aria/utils": "^3.23.2",
+        "@react-stately/radio": "^3.10.2",
+        "@react-types/radio": "^3.7.1",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/selection": {
+      "version": "3.17.5",
+      "resolved": "https://registry.npmjs.org/@react-aria/selection/-/selection-3.17.5.tgz",
+      "integrity": "sha512-gO5jBUkc7WdkiFMlWt3x9pTSuj3Yeegsxfo44qU5NPlKrnGtPRZDWrlACNgkDHu645RNNPhlyoX0C+G8mUg1xA==",
+      "dependencies": {
+        "@react-aria/focus": "^3.16.2",
+        "@react-aria/i18n": "^3.10.2",
+        "@react-aria/interactions": "^3.21.1",
+        "@react-aria/utils": "^3.23.2",
+        "@react-stately/selection": "^3.14.3",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
-    "node_modules/@radix-ui/react-use-rect": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.0.1.tgz",
-      "integrity": "sha512-Cq5DLuSiuYVKNU8orzJMbl15TXilTnJKUCltMVQg53BQOF1/C5toAaGrowkgksdBQ9H+SRL23g0HDmg9tvmxXw==",
+    "node_modules/@react-aria/slider": {
+      "version": "3.7.6",
+      "resolved": "https://registry.npmjs.org/@react-aria/slider/-/slider-3.7.6.tgz",
+      "integrity": "sha512-ZeZhyHzhk9gxGuThPKgX2K3RKsxPxsFig1iYoJvqP8485NtHYQIPht2YcpEKA9siLxGF0DR9VCfouVhSoW0AEA==",
       "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/rect": "1.0.1"
+        "@react-aria/focus": "^3.16.2",
+        "@react-aria/i18n": "^3.10.2",
+        "@react-aria/interactions": "^3.21.1",
+        "@react-aria/label": "^3.7.6",
+        "@react-aria/utils": "^3.23.2",
+        "@react-stately/slider": "^3.5.2",
+        "@react-types/shared": "^3.22.1",
+        "@react-types/slider": "^3.7.1",
+        "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
-    "node_modules/@radix-ui/react-use-size": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.0.1.tgz",
-      "integrity": "sha512-ibay+VqrgcaI6veAojjofPATwledXiSmX+C0KrBk/xgpX9rBzPV3OsfwlhQdUOFbh+LKQorLYT+xTXW9V8yd0g==",
+    "node_modules/@react-aria/spinbutton": {
+      "version": "3.6.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/spinbutton/-/spinbutton-3.6.3.tgz",
+      "integrity": "sha512-IlfhRu/pc9zOt2C5zSEB7NmmzddvWisGx2iGzw8BwIKMD+cN3uy+Qwp+sG6Z/JzFEBN0F6Mxm3l5lhbiqjpICQ==",
       "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-use-layout-effect": "1.0.1"
+        "@react-aria/i18n": "^3.10.2",
+        "@react-aria/live-announcer": "^3.3.2",
+        "@react-aria/utils": "^3.23.2",
+        "@react-types/button": "^3.9.2",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
-    "node_modules/@radix-ui/react-visually-hidden": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.0.3.tgz",
-      "integrity": "sha512-D4w41yN5YRKtu464TLnByKzMDG/JlMPHtfZgQAu9v6mNakUqGUI9vUrfQKz8NK41VMm/xbZbh76NUTVtIYqOMA==",
+    "node_modules/@react-aria/ssr": {
+      "version": "3.9.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.2.tgz",
+      "integrity": "sha512-0gKkgDYdnq1w+ey8KzG9l+H5Z821qh9vVjztk55rUg71vTk/Eaebeir+WtzcLLwTjw3m/asIjx8Y59y1lJZhBw==",
       "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-primitive": "1.0.3"
+        "@swc/helpers": "^0.5.0"
       },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      "engines": {
+        "node": ">= 12"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
-    "node_modules/@radix-ui/rect": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.0.1.tgz",
-      "integrity": "sha512-fyrgCaedtvMg9NK3en0pnOYJdtfwxUcNolezkNPUsoX57X8oQk+NkqcvzHXD2uKNij6GXmWU9NDru2IWjrO4BQ==",
+    "node_modules/@react-aria/switch": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/switch/-/switch-3.6.2.tgz",
+      "integrity": "sha512-X5m/omyhXK+V/vhJFsHuRs2zmt9Asa/RuzlldbXnWohLdeuHMPgQnV8C9hg3f+sRi3sh9UUZ64H61pCtRoZNwg==",
       "dependencies": {
-        "@babel/runtime": "^7.13.10"
+        "@react-aria/toggle": "^3.10.2",
+        "@react-stately/toggle": "^3.7.2",
+        "@react-types/switch": "^3.5.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
-    "node_modules/@rc-component/color-picker": {
-      "version": "1.5.3",
-      "resolved": "https://registry.npmjs.org/@rc-component/color-picker/-/color-picker-1.5.3.tgz",
-      "integrity": "sha512-+tGGH3nLmYXTalVe0L8hSZNs73VTP5ueSHwUlDC77KKRaN7G4DS4wcpG5DTDzdcV/Yas+rzA6UGgIyzd8fS4cw==",
+    "node_modules/@react-aria/table": {
+      "version": "3.13.5",
+      "resolved": "https://registry.npmjs.org/@react-aria/table/-/table-3.13.5.tgz",
+      "integrity": "sha512-P2nHEDk2CCoEbMFKNCyBC9qvmv7F/IXARDt/7z/J4mKFgU2iNSK+/zw6yrb38q33Zlk8hDaqSYNxHlMrh+/1MQ==",
       "dependencies": {
-        "@babel/runtime": "^7.23.6",
-        "@ctrl/tinycolor": "^3.6.1",
-        "classnames": "^2.2.6",
-        "rc-util": "^5.38.1"
+        "@react-aria/focus": "^3.16.2",
+        "@react-aria/grid": "^3.8.8",
+        "@react-aria/i18n": "^3.10.2",
+        "@react-aria/interactions": "^3.21.1",
+        "@react-aria/live-announcer": "^3.3.2",
+        "@react-aria/utils": "^3.23.2",
+        "@react-aria/visually-hidden": "^3.8.10",
+        "@react-stately/collections": "^3.10.5",
+        "@react-stately/flags": "^3.0.1",
+        "@react-stately/table": "^3.11.6",
+        "@react-stately/virtualizer": "^3.6.8",
+        "@react-types/checkbox": "^3.7.1",
+        "@react-types/grid": "^3.2.4",
+        "@react-types/shared": "^3.22.1",
+        "@react-types/table": "^3.9.3",
+        "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
-    "node_modules/@rc-component/context": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@rc-component/context/-/context-1.4.0.tgz",
-      "integrity": "sha512-kFcNxg9oLRMoL3qki0OMxK+7g5mypjgaaJp/pkOis/6rVxma9nJBF/8kCIuTYHUQNr0ii7MxqE33wirPZLJQ2w==",
+    "node_modules/@react-aria/tabs": {
+      "version": "3.8.5",
+      "resolved": "https://registry.npmjs.org/@react-aria/tabs/-/tabs-3.8.5.tgz",
+      "integrity": "sha512-Jvt33/W+66n5oCxVwHAYarJ3Fit61vULiPcG7uTez0Mf11cq/C72wOrj+ZuNz6PTLTi2veBNQ7MauY72SnOjRg==",
       "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "rc-util": "^5.27.0"
+        "@react-aria/focus": "^3.16.2",
+        "@react-aria/i18n": "^3.10.2",
+        "@react-aria/selection": "^3.17.5",
+        "@react-aria/utils": "^3.23.2",
+        "@react-stately/tabs": "^3.6.4",
+        "@react-types/shared": "^3.22.1",
+        "@react-types/tabs": "^3.3.5",
+        "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
-    "node_modules/@rc-component/mini-decimal": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@rc-component/mini-decimal/-/mini-decimal-1.1.0.tgz",
-      "integrity": "sha512-jS4E7T9Li2GuYwI6PyiVXmxTiM6b07rlD9Ge8uGZSCz3WlzcG5ZK7g5bbuKNeZ9pgUuPK/5guV781ujdVpm4HQ==",
+    "node_modules/@react-aria/textfield": {
+      "version": "3.14.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/textfield/-/textfield-3.14.3.tgz",
+      "integrity": "sha512-wPSjj/mTABspYQdahg+l5YMtEQ3m5iPCTtb5g6nR1U1rzJkvS4i5Pug6PUXeLeMz2H3ToflPWGlNOqBioAFaOQ==",
       "dependencies": {
-        "@babel/runtime": "^7.18.0"
+        "@react-aria/focus": "^3.16.2",
+        "@react-aria/form": "^3.0.3",
+        "@react-aria/label": "^3.7.6",
+        "@react-aria/utils": "^3.23.2",
+        "@react-stately/form": "^3.0.1",
+        "@react-stately/utils": "^3.9.1",
+        "@react-types/shared": "^3.22.1",
+        "@react-types/textfield": "^3.9.1",
+        "@swc/helpers": "^0.5.0"
       },
-      "engines": {
-        "node": ">=8.x"
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
-    "node_modules/@rc-component/mutate-observer": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@rc-component/mutate-observer/-/mutate-observer-1.1.0.tgz",
-      "integrity": "sha512-QjrOsDXQusNwGZPf4/qRQasg7UFEj06XiCJ8iuiq/Io7CrHrgVi6Uuetw60WAMG1799v+aM8kyc+1L/GBbHSlw==",
+    "node_modules/@react-aria/toggle": {
+      "version": "3.10.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/toggle/-/toggle-3.10.2.tgz",
+      "integrity": "sha512-DgitscHWgI6IFgnvp2HcMpLGX/cAn+XX9kF5RJQbRQ9NqUgruU5cEEGSOLMrEJ6zXDa2xmOiQ+kINcyNhA+JLg==",
       "dependencies": {
-        "@babel/runtime": "^7.18.0",
-        "classnames": "^2.3.2",
-        "rc-util": "^5.24.4"
-      },
-      "engines": {
-        "node": ">=8.x"
+        "@react-aria/focus": "^3.16.2",
+        "@react-aria/interactions": "^3.21.1",
+        "@react-aria/utils": "^3.23.2",
+        "@react-stately/toggle": "^3.7.2",
+        "@react-types/checkbox": "^3.7.1",
+        "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
-    "node_modules/@rc-component/portal": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@rc-component/portal/-/portal-1.1.2.tgz",
-      "integrity": "sha512-6f813C0IsasTZms08kfA8kPAGxbbkYToa8ALaiDIGGECU4i9hj8Plgbx0sNJDrey3EtHO30hmdaxtT0138xZcg==",
+    "node_modules/@react-aria/tooltip": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/tooltip/-/tooltip-3.7.2.tgz",
+      "integrity": "sha512-6jXOSGPao3gPgUQWLbH2r/jxGMqIaIKrJgfwu9TQrh+UkwwiTYW20EpEDCYY2nRFlcoi7EYAiPDSEbHCwXS7Lg==",
       "dependencies": {
-        "@babel/runtime": "^7.18.0",
-        "classnames": "^2.3.2",
-        "rc-util": "^5.24.4"
-      },
-      "engines": {
-        "node": ">=8.x"
+        "@react-aria/focus": "^3.16.2",
+        "@react-aria/interactions": "^3.21.1",
+        "@react-aria/utils": "^3.23.2",
+        "@react-stately/tooltip": "^3.4.7",
+        "@react-types/shared": "^3.22.1",
+        "@react-types/tooltip": "^3.4.7",
+        "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
-    "node_modules/@rc-component/tour": {
-      "version": "1.14.2",
-      "resolved": "https://registry.npmjs.org/@rc-component/tour/-/tour-1.14.2.tgz",
-      "integrity": "sha512-A75DZ8LVvahBIvxooj3Gvf2sxe+CGOkmzPNX7ek0i0AJHyKZ1HXe5ieIGo3m0FMdZfVOlbCJ952Duq8VKAHk6g==",
+    "node_modules/@react-aria/utils": {
+      "version": "3.23.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/utils/-/utils-3.23.2.tgz",
+      "integrity": "sha512-yznR9jJ0GG+YJvTMZxijQwVp+ahP66DY0apZf7X+dllyN+ByEDW+yaL1ewYPIpugxVzH5P8jhnBXsIyHKN411g==",
       "dependencies": {
-        "@babel/runtime": "^7.18.0",
-        "@rc-component/portal": "^1.0.0-9",
-        "@rc-component/trigger": "^2.0.0",
-        "classnames": "^2.3.2",
-        "rc-util": "^5.24.4"
-      },
-      "engines": {
-        "node": ">=8.x"
+        "@react-aria/ssr": "^3.9.2",
+        "@react-stately/utils": "^3.9.1",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0",
+        "clsx": "^2.0.0"
       },
       "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
-    "node_modules/@rc-component/trigger": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@rc-component/trigger/-/trigger-2.1.1.tgz",
-      "integrity": "sha512-UjHkedkgtEcgQu87w1VuWug1idoDJV7VUt0swxHXRcmei2uu1AuUzGBPEUlmOmXGJ+YtTgZfVLi7kuAUKoZTMA==",
+    "node_modules/@react-aria/visually-hidden": {
+      "version": "3.8.10",
+      "resolved": "https://registry.npmjs.org/@react-aria/visually-hidden/-/visually-hidden-3.8.10.tgz",
+      "integrity": "sha512-np8c4wxdbE7ZrMv/bnjwEfpX0/nkWy9sELEb0sK8n4+HJ+WycoXXrVxBUb9tXgL/GCx5ReeDQChjQWwajm/z3A==",
       "dependencies": {
-        "@babel/runtime": "^7.23.2",
-        "@rc-component/portal": "^1.1.0",
-        "classnames": "^2.3.2",
-        "rc-motion": "^2.0.0",
-        "rc-resize-observer": "^1.3.1",
-        "rc-util": "^5.38.0"
-      },
-      "engines": {
-        "node": ">=8.x"
+        "@react-aria/interactions": "^3.21.1",
+        "@react-aria/utils": "^3.23.2",
+        "@react-types/shared": "^3.22.1",
+        "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
     "node_modules/@react-email/body": {
@@ -5576,6 +6292,11 @@
         "simple-swizzle": "^0.2.2"
       }
     },
+    "node_modules/color2k": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/color2k/-/color2k-2.0.3.tgz",
+      "integrity": "sha512-zW190nQTIoXcGCaU08DvVNFTmQhUpnJfVuAKfWqUQkflXKpaDdpaYoM0iluLS9lgJNHyBF58KKA2FBEwkD7wog=="
+    },
     "node_modules/combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -5600,11 +6321,6 @@
       "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-3.1.0.tgz",
       "integrity": "sha512-rj8l8pD4bJ1nx+dAkMhV1xB5RuZEyVysfxJqB1pRchh1KVvwOv9b7CGB8ZfjTImVv2oF+sYMUkMZq6Na5Ftmbg=="
     },
-    "node_modules/compute-scroll-into-view": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-3.1.0.tgz",
-      "integrity": "sha512-rj8l8pD4bJ1nx+dAkMhV1xB5RuZEyVysfxJqB1pRchh1KVvwOv9b7CGB8ZfjTImVv2oF+sYMUkMZq6Na5Ftmbg=="
-    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -5802,14 +6518,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/deepmerge": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
-      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/define-data-property": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
@@ -8051,6 +8759,15 @@
         "url": "https://ko-fi.com/killymxi"
       }
     },
+    "node_modules/legacy-swc-helpers": {
+      "name": "@swc/helpers",
+      "version": "0.4.14",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.4.14.tgz",
+      "integrity": "sha512-4C7nX/dvpzB7za4Ql9K81xK3HPxCpHMgwTZVyf+9JQ6VUbn9jjZVN7/Nkdz/Ugzs2CSjqnL/UPXroiVBVHUWUw==",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/levn": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
@@ -8105,6 +8822,31 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
+    },
+    "node_modules/lodash.foreach": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.foreach/-/lodash.foreach-4.5.0.tgz",
+      "integrity": "sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ=="
+    },
+    "node_modules/lodash.get": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
+      "integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ=="
+    },
+    "node_modules/lodash.kebabcase": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz",
+      "integrity": "sha512-N8XRTIMMqqDgSy4VLKPnJ/+hpGZN+PHQiJnSenYqPaVV/NCqEogTnAdZLQiGKhxX+JCs8waWq2t1XHWKOmlY8g=="
+    },
+    "node_modules/lodash.mapkeys": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/lodash.mapkeys/-/lodash.mapkeys-4.6.0.tgz",
+      "integrity": "sha512-0Al+hxpYvONWtg+ZqHpa/GaVzxuN3V7Xeo2p+bY06EaK/n+Y9R7nBePPN2o1LxmL0TWQSwP8LYZ008/hc9JzhA=="
+    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
diff --git a/package.json b/package.json
index 9e643f0..701adc2 100644
--- a/package.json
+++ b/package.json
@@ -8,14 +8,13 @@
     "start": "next start",
     "lint": "next lint"
   },
-  "prisma": {
-  },
+  "prisma": {},
   "dependencies": {
     "@ant-design/icons": "^5.3.6",
     "@auth/prisma-adapter": "^1.6.0",
     "@gsap/react": "^2.1.0",
     "@hookform/resolvers": "^3.3.4",
-    "@nextui-org/react": "^2.3.1",
+    "@nextui-org/react": "^2.3.4",
     "@prisma/client": "^5.12.1",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dialog": "^1.0.5",
diff --git a/prisma/seed.ts b/prisma/seed.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/(content)/events/[category]/event/[id]/page.tsx b/src/app/(content)/events/[category]/event/[id]/page.tsx
index d5710ba..c25eef5 100644
--- a/src/app/(content)/events/[category]/event/[id]/page.tsx
+++ b/src/app/(content)/events/[category]/event/[id]/page.tsx
@@ -30,7 +30,7 @@ const Page = () => {
   useEffect(() => {
     const parts = pathname.split("/");
     console.log(`/api/events/${parts[2]}/event/1`);
-    fetch(`/api/events/${parts[2]}/event/1`)
+    fetch(`/api/events/${parts[2]}/event/${parts[4]}`)
       .then((response) => response.json())
       .then((data) => {
         setEventInfo(data);
@@ -56,7 +56,7 @@ const Page = () => {
     <>
       <div className="w-maxPhone h-maxHeight sm:flex items-center overflow-auto">
         <div></div>
-        <div className="h-1/3 sm:w-2/5 h-90% relative">
+        <div className="sm:w-2/5 h-90% relative">
           <Image
             // src={eventInfo?.thumbnail || ""}
             src="/Categories/Mega.jpg"
diff --git a/src/app/api/events/[category]/event/[id]/route.ts b/src/app/api/events/[category]/event/[id]/route.ts
index 685c465..607a814 100644
--- a/src/app/api/events/[category]/event/[id]/route.ts
+++ b/src/app/api/events/[category]/event/[id]/route.ts
@@ -1,7 +1,11 @@
-export async function GET() {
-  const event = 
+import { forEach } from "lodash";
+import { NextRequest, NextResponse } from "next/server";
+export async function GET(req:NextRequest) {
+  const path = req.nextUrl.pathname.split("/")[5];
+  console.log(path);
+  const events = [
     {
-      id: "1",
+      id: "0",
       name: "CodeJam",
       description: "A coding competition for enthusiasts",
       rules: ["Rule 1","Rule 2"],
@@ -21,8 +25,58 @@ export async function GET() {
           phone: "+5566778899",
         },
       ],
+    },
+    {
+      id: "1",
+      name: "SyncLine  Sprint",
+      description: "A high-speed race where robots follow a designated line, testing precision, speed, and coordination.",
+      rules: [
+        "All team members must be full-time students.",
+        "No restrictions on team number per institute.",
+        "Team size: 3-5 members.",
+        "Registered ID card required.",
+        "Only one team in the arena at a time.",
+        "2 rounds with different maps.",
+        "Black line on white arena.",
+        "Autonomous robots after crossing start line.",
+        "Line width approx. 3 cm.",
+        "Teams provide batteries, power supply available.",
+        "Robot intact until results.",
+        "Judges' decision final."
+      ],
+      prerequisites: [
+        "Knowledge of robotics and line following algorithms.",
+        "Robot building skills."
+      ],
+      general_rules: [ 
+        "Sportsmanship and adherence to event guidelines."
+      ],
+      thumbnail: "image_of_line_follower_robot.jpg", // Replace with actual image
+      startTime: "2024-05-09 10:00:00", // Replace with actual start time
+      endTime: "2024-05-09 17:00:00", // Replace with actual end time
+      costs: "Registration fee: $XX", // Replace with actual cost
+      facultyCoordinators: [
+        {
+          name: "Dr. Robotics Expert",
+          phone: "555-123-4567" // Replace with actual contact details 
+        }
+      ],
+      studentCoordinators: [
+        {
+          name: "Student Leader",
+          phone: "555-234-5678" // Replace with actual contact details
+        }
+      ]
+    }
+    
+  ]
+  
+  let matchedEvent = null;
+  forEach(events, (event, key) => {
+    if (event.id === path) {
+      matchedEvent = event;
     }
-  ;
-
-  return Response.json(event);
+  })
+  
+  return Response.json(matchedEvent);
 }
diff --git a/src/app/api/events/[category]/route.ts b/src/app/api/events/[category]/route.ts
index 15fe528..e69de29 100644
--- a/src/app/api/events/[category]/route.ts
+++ b/src/app/api/events/[category]/route.ts
@@ -1,79 +0,0 @@
-export async function GET() {
-  const eventsList = [
-    {
-      events: [
-        {
-          name: "TechExpo1",
-          description: "Showcasing latest tech innovations",
-          rules: ["rule1","rule2"],
-          prerequisites: "ppp",
-          thumbnail: "/techexpo-thumbnail.jpg",
-          startTime: "2024-05-10 09:00",
-          endTime: "2024-05-10 17:00",
-          facultyCoordinators: [
-            {
-              name: "John Doe",
-              phone: "+1234567890",
-            },
-          ],
-          studentCoordinators: [
-            {
-              name: "Jane Smith",
-              phone: "+9876543210",
-            },
-          ],
-        },
-        {
-          name: "TechExpo2",
-          description: "Showcasing latest tech innovations",
-          rules: "tttt",
-          prerequisites: "ppp",
-          thumbnail: "/techexpo-thumbnail.jpg",
-          startTime: "2024-05-10 09:00",
-          endTime: "2024-05-10 17:00",
-          facultyCoordinators: [
-            {
-              name: "John Doe",
-              phone: "+1234567890",
-            },
-          ],
-          studentCoordinators: [
-            {
-              name: "Jane Smith",
-              phone: "+9876543210",
-            },
-          ],
-        },
-        {
-          name: "TechExpo3",
-          description: "Showcasing latest tech innovations",
-          rules: "tttt",
-          prerequisites: "ppp",
-          thumbnail: "/techexpo-thumbnail.jpg",
-          startTime: "2024-05-10 09:00",
-          endTime: "2024-05-10 17:00",
-          facultyCoordinators: [
-            {
-              name: "John Doe",
-              phone: "+1234567890",
-            },
-          ],
-          studentCoordinators: [
-            {
-              name: "Jane Smith",
-              phone: "+9876543210",
-            },
-          ],
-        }
-      ]
-    }
-  ];
-
-  const mappedCategories = eventsList.map(({ events }) => {
-    return {
-      events,
-    };
-  });
-
-  return Response.json(mappedCategories);
-}
diff --git a/src/app/api/events/route.ts b/src/app/api/events/route.ts
index 9704b19..374e0ed 100644
--- a/src/app/api/events/route.ts
+++ b/src/app/api/events/route.ts
@@ -45,6 +45,7 @@ export async function GET() {
             },
           ],
         },
+        
       ],
     },
     {
diff --git a/src/components/ui/EventCard.tsx b/src/components/ui/EventCard.tsx
index c90f985..73d2b1b 100644
--- a/src/components/ui/EventCard.tsx
+++ b/src/components/ui/EventCard.tsx
@@ -5,16 +5,17 @@ import { BackgroundGradient } from "./background-gradient";
 import Link from "next/link";
 
 interface EventCardProps {
+  id: number;
   name: string;
   description: string;
   category: string;
 }
 
-export const EventCard: React.FC<EventCardProps> = ({ name, description,category }) => {
+export const EventCard: React.FC<EventCardProps> = ({ id, name, description,category }) => {
   const [hovered, setHovered] = useState(false);
 
   return (
-    <Link href={`/events/${category}/event/1`}>
+    <Link href={`/events/${category}/event/${id}`}>
       <div
         onMouseEnter={() => setHovered(true)}
         onMouseLeave={() => setHovered(false)}
diff --git a/src/components/widgets/EventDisplay.tsx b/src/components/widgets/EventDisplay.tsx
index a8138ce..75530ce 100644
--- a/src/components/widgets/EventDisplay.tsx
+++ b/src/components/widgets/EventDisplay.tsx
@@ -20,6 +20,7 @@ const EventDisplay: React.FC<EventDisplayProps> = ({ events, category }) => {
             name={event.name}
             description={event.description}
             category={category}
+            id={index}
           />
         </div>
       ))}

From c2a33e4582e5b351de20176cff4cfc31b26b2731 Mon Sep 17 00:00:00 2001
From: Joywin Bennis <107112207+joywin2003@users.noreply.github.com>
Date: Thu, 18 Apr 2024 23:18:23 +0530
Subject: [PATCH 35/37] functional event route and displaying

---
 .../api/events/[category]/event/[id]/route.ts |  88 ++------
 src/app/api/events/route.ts                   | 193 +----------------
 src/data/categoryList.ts                      | 202 ++++++++++++++++++
 3 files changed, 219 insertions(+), 264 deletions(-)
 create mode 100644 src/data/categoryList.ts

diff --git a/src/app/api/events/[category]/event/[id]/route.ts b/src/app/api/events/[category]/event/[id]/route.ts
index 607a814..0b51046 100644
--- a/src/app/api/events/[category]/event/[id]/route.ts
+++ b/src/app/api/events/[category]/event/[id]/route.ts
@@ -1,82 +1,24 @@
 import { forEach } from "lodash";
 import { NextRequest, NextResponse } from "next/server";
-export async function GET(req:NextRequest) {
-  const path = req.nextUrl.pathname.split("/")[5];
+import { categoriesList } from "@/data/categoryList";
+
+export async function GET(req: NextRequest) {
+  const path = req.nextUrl.pathname.split("/");
+  const category = path[3];
+  const index = categoriesList.findIndex((item) => item.category === category);
+  const events = index !== -1 ? categoriesList[index].events : null;
+  
+  console.log(events);
   console.log(path);
-  const events = [
-    {
-      id: "0",
-      name: "CodeJam",
-      description: "A coding competition for enthusiasts",
-      rules: ["Rule 1","Rule 2"],
-      prerequisites: ["P 1","P 2"],
-      thumbnail: "/codejam-thumbnail.jpg",
-      startTime: "2024-05-12 10:00",
-      endTime: "2024-05-12 18:00",
-      facultyCoordinators: [
-        {
-          name: "Michael Johnson",
-          phone: "+1122334455",
-        },
-      ],
-      studentCoordinators: [
-        {
-          name: "Emily Brown",
-          phone: "+5566778899",
-        },
-      ],
-    },
-    {
-      id: "1",
-      name: "SyncLine  Sprint",
-      description: "A high-speed race where robots follow a designated line, testing precision, speed, and coordination.",
-      rules: [
-        "All team members must be full-time students.",
-        "No restrictions on team number per institute.",
-        "Team size: 3-5 members.",
-        "Registered ID card required.",
-        "Only one team in the arena at a time.",
-        "2 rounds with different maps.",
-        "Black line on white arena.",
-        "Autonomous robots after crossing start line.",
-        "Line width approx. 3 cm.",
-        "Teams provide batteries, power supply available.",
-        "Robot intact until results.",
-        "Judges' decision final."
-      ],
-      prerequisites: [
-        "Knowledge of robotics and line following algorithms.",
-        "Robot building skills."
-      ],
-      general_rules: [ 
-        "Sportsmanship and adherence to event guidelines."
-      ],
-      thumbnail: "image_of_line_follower_robot.jpg", // Replace with actual image
-      startTime: "2024-05-09 10:00:00", // Replace with actual start time
-      endTime: "2024-05-09 17:00:00", // Replace with actual end time
-      costs: "Registration fee: $XX", // Replace with actual cost
-      facultyCoordinators: [
-        {
-          name: "Dr. Robotics Expert",
-          phone: "555-123-4567" // Replace with actual contact details 
-        }
-      ],
-      studentCoordinators: [
-        {
-          name: "Student Leader",
-          phone: "555-234-5678" // Replace with actual contact details
-        }
-      ]
-    }
-    
-  ]
   
   let matchedEvent = null;
+  
+
   forEach(events, (event, key) => {
-    if (event.id === path) {
-      matchedEvent = event;
-    }
-  })
+      if (event.id === path[5]) {
+        matchedEvent = event;
+      }
+  });
   
   return Response.json(matchedEvent);
 }
diff --git a/src/app/api/events/route.ts b/src/app/api/events/route.ts
index 374e0ed..ddb15c4 100644
--- a/src/app/api/events/route.ts
+++ b/src/app/api/events/route.ts
@@ -1,195 +1,6 @@
+import {categoriesList} from "@/data/categoryList";
+
 export async function GET() {
-  const categoriesList = [
-    {
-      category: "Technical",
-      events: [
-        {
-          name: "TechExpo1",
-          description: "Showcasing latest tech innovations",
-          rules: "Ru",
-          prerequisites: "Prerequisite",
-          thumbnail: "/techexpo-thumbnail.jpg",
-          startTime: "2024-05-10 09:00",
-          endTime: "2024-05-10 17:00",
-          facultyCoordinators: [
-            {
-              name: "John Doe",
-              phone: "+1234567890",
-            },
-          ],
-          studentCoordinators: [
-            {
-              name: "Jane Smith",
-              phone: "+9876543210",
-            },
-          ],
-        },
-        {
-          name: "CodeJam",
-          description: "A coding competition for enthusiasts",
-          rules: "RR",
-          prerequisites: "PP",
-          thumbnail: "/codejam-thumbnail.jpg",
-          startTime: "2024-05-12 10:00",
-          endTime: "2024-05-12 18:00",
-          facultyCoordinators: [
-            {
-              name: "Michael Johnson",
-              phone: "+1122334455",
-            },
-          ],
-          studentCoordinators: [
-            {
-              name: "Emily Brown",
-              phone: "+5566778899",
-            },
-          ],
-        },
-        
-      ],
-    },
-    {
-      category: "Non-Technical",
-      events: [
-        {
-          name: "TechExpo2",
-          description: "Showcasing latest tech innovations",
-          rules: "RR",
-          prerequisites: "PP",
-          thumbnail: "/techexpo-thumbnail.jpg",
-          startTime: "2024-05-10 09:00",
-          endTime: "2024-05-10 17:00",
-          facultyCoordinators: [
-            {
-              name: "John Doe",
-              phone: "+1234567890",
-            },
-          ],
-          studentCoordinators: [
-            {
-              name: "Jane Smith",
-              phone: "+9876543210",
-            },
-          ],
-        },
-        {
-          name: "CodeJam",
-          description: "A coding competition for enthusiasts",
-          rules: "RR",
-          prerequisites: "PP",
-          thumbnail: "/codejam-thumbnail.jpg",
-          startTime: "2024-05-12 10:00",
-          endTime: "2024-05-12 18:00",
-          facultyCoordinators: [
-            {
-              name: "Michael Johnson",
-              phone: "+1122334455",
-            },
-          ],
-          studentCoordinators: [
-            {
-              name: "Emily Brown",
-              phone: "+5566778899",
-            },
-          ],
-        },
-      ],
-    },
-    {
-      category: "Cultural",
-      events: [
-        {
-          name: "TechExpo3",
-          description: "Showcasing latest tech innovations",
-          rules: "RR",
-          prerequisites: "PP",
-          thumbnail: "/techexpo-thumbnail.jpg",
-          startTime: "2024-05-10 09:00",
-          endTime: "2024-05-10 17:00",
-          facultyCoordinators: [
-            {
-              name: "John Doe",
-              phone: "+1234567890",
-            },
-          ],
-          studentCoordinators: [
-            {
-              name: "Jane Smith",
-              phone: "+9876543210",
-            },
-          ],
-        },
-        {
-          name: "CodeJam",
-          description: "A coding competition for enthusiasts",
-          rules: "RR",
-          prerequisites: "PP",
-          thumbnail: "/codejam-thumbnail.jpg",
-          startTime: "2024-05-12 10:00",
-          endTime: "2024-05-12 18:00",
-          facultyCoordinators: [
-            {
-              name: "Michael Johnson",
-              phone: "+1122334455",
-            },
-          ],
-          studentCoordinators: [
-            {
-              name: "Emily Brown",
-              phone: "+5566778899",
-            },
-          ],
-        },
-      ],
-    },
-    {
-      category: "Mega",
-      events: [
-        {
-          name: "TechExpo4",
-          description: "Showcasing latest tech innovations",
-          rules: "RR",
-          prerequisites: "PP",
-          thumbnail: "/techexpo-thumbnail.jpg",
-          startTime: "2024-05-10 09:00",
-          endTime: "2024-05-10 17:00",
-          facultyCoordinators: [
-            {
-              name: "John Doe",
-              phone: "+1234567890",
-            },
-          ],
-          studentCoordinators: [
-            {
-              name: "Jane Smith",
-              phone: "+9876543210",
-            },
-          ],
-        },
-        {
-          name: "CodeJam",
-          description: "A coding competition for enthusiasts",
-          rules: "RR",
-          prerequisites: "PP",
-          thumbnail: "/codejam-thumbnail.jpg",
-          startTime: "2024-05-12 10:00",
-          endTime: "2024-05-12 18:00",
-          facultyCoordinators: [
-            {
-              name: "Michael Johnson",
-              phone: "+1122334455",
-            },
-          ],
-          studentCoordinators: [
-            {
-              name: "Emily Brown",
-              phone: "+5566778899",
-            },
-          ],
-        },
-      ],
-    },
-  ];
   
 
   const mappedCategories = categoriesList.map(({category,events}) => {
diff --git a/src/data/categoryList.ts b/src/data/categoryList.ts
new file mode 100644
index 0000000..12995ec
--- /dev/null
+++ b/src/data/categoryList.ts
@@ -0,0 +1,202 @@
+const categoriesList = [
+    {
+      category: "Technical",
+      events: [
+        {
+          id: "0",
+          name: "TechExpo1",
+          description: "Showcasing latest tech innovations",
+          rules: ["Ru"],
+          prerequisites: ["Prerequisite"],
+          thumbnail: "/techexpo-thumbnail.jpg",
+          startTime: "2024-05-10 09:00",
+          endTime: "2024-05-10 17:00",
+          facultyCoordinators: [
+            {
+              name: "John Doe",
+              phone: "+1234567890",
+            },
+          ],
+          studentCoordinators: [
+            {
+              name: "Jane Smith",
+              phone: "+9876543210",
+            },
+          ],
+        },
+        {
+          id:"1",
+          name: "CodeJam",
+          description: "A coding competition for enthusiasts",
+          rules: ["RR"],
+          prerequisites: ["PP"],
+          thumbnail: "/codejam-thumbnail.jpg",
+          startTime: "2024-05-12 10:00",
+          endTime: "2024-05-12 18:00",
+          facultyCoordinators: [
+            {
+              name: "Michael Johnson",
+              phone: "+1122334455",
+            },
+          ],
+          studentCoordinators: [
+            {
+              name: "Emily Brown",
+              phone: "+5566778899",
+            },
+          ],
+        },
+        
+      ],
+    },
+    {
+      category: "Non-Technical",
+      events: [
+        {
+          id: "0",
+          name: "TechExpo2",
+          description: "Showcasing latest tech innovations",
+          rules: ["RR"],
+          prerequisites: ["PP"],
+          thumbnail: "/techexpo-thumbnail.jpg",
+          startTime: "2024-05-10 09:00",
+          endTime: "2024-05-10 17:00",
+          facultyCoordinators: [
+            {
+              name: "John Doe",
+              phone: "+1234567890",
+            },
+          ],
+          studentCoordinators: [
+            {
+              name: "Jane Smith",
+              phone: "+9876543210",
+            },
+          ],
+        },
+        {
+          id: "1",
+          name: "CodeJam",
+          description: "A coding competition for enthusiasts",
+          rules: ["RR"],
+          prerequisites: ["PP"],
+          thumbnail: "/codejam-thumbnail.jpg",
+          startTime: "2024-05-12 10:00",
+          endTime: "2024-05-12 18:00",
+          facultyCoordinators: [
+            {
+              name: "Michael Johnson",
+              phone: "+1122334455",
+            },
+          ],
+          studentCoordinators: [
+            {
+              name: "Emily Brown",
+              phone: "+5566778899",
+            },
+          ],
+        },
+      ],
+    },
+    {
+      category: "Cultural",
+      events: [
+        {
+          id: "0",
+          name: "TechExpo3",
+          description: "Showcasing latest tech innovations",
+          rules: ["RR"],
+          prerequisites: ["PP"],
+          thumbnail: "/techexpo-thumbnail.jpg",
+          startTime: "2024-05-10 09:00",
+          endTime: "2024-05-10 17:00",
+          facultyCoordinators: [
+            {
+              name: "John Doe",
+              phone: "+1234567890",
+            },
+          ],
+          studentCoordinators: [
+            {
+              name: "Jane Smith",
+              phone: "+9876543210",
+            },
+          ],
+        },
+        {
+          id: "1",
+          name: "CodeJam",
+          description: "A coding competition for enthusiasts",
+          rules: ["RR"],
+          prerequisites: ["PP"],
+          thumbnail: "/codejam-thumbnail.jpg",
+          startTime: "2024-05-12 10:00",
+          endTime: "2024-05-12 18:00",
+          facultyCoordinators: [
+            {
+              name: "Michael Johnson",
+              phone: "+1122334455",
+            },
+          ],
+          studentCoordinators: [
+            {
+              name: "Emily Brown",
+              phone: "+5566778899",
+            },
+          ],
+        },
+      ],
+    },
+    {
+      category: "Mega",
+      events: [
+        {
+          id:"0",
+          name: "TechExpo4",
+          description: "Showcasing latest tech innovations",
+          rules: ["RR"],
+          prerequisites: ["PP"],
+          thumbnail: "/techexpo-thumbnail.jpg",
+          startTime: "2024-05-10 09:00",
+          endTime: "2024-05-10 17:00",
+          facultyCoordinators: [
+            {
+              name: "John Doe",
+              phone: "+1234567890",
+            },
+          ],
+          studentCoordinators: [
+            {
+              name: "Jane Smith",
+              phone: "+9876543210",
+            },
+          ],
+        },
+        {
+          id: "1",
+          name: "CodeJam",
+          description: "A coding competition for enthusiasts",
+          rules: ["RR",],
+          prerequisites: ["PP"],
+          thumbnail: "/codejam-thumbnail.jpg",
+          startTime: "2024-05-12 10:00",
+          endTime: "2024-05-12 18:00",
+          facultyCoordinators: [
+            {
+              name: "Michael Johnson",
+              phone: "+1122334455",
+            },
+          ],
+          studentCoordinators: [
+            {
+              name: "Emily Brown",
+              phone: "+5566778899",
+            },
+          ],
+        },
+      ],
+    },
+  ];
+  
+
+  export {categoriesList};
\ No newline at end of file

From cd708724d6e216db3f93fbe772da9786e935184f Mon Sep 17 00:00:00 2001
From: Joywin Bennis <107112207+joywin2003@users.noreply.github.com>
Date: Thu, 18 Apr 2024 23:33:54 +0530
Subject: [PATCH 36/37] added the diff events

---
 src/data/categoryList.ts | 351 ++++++++++++++++++++++++++++++++++++---
 1 file changed, 330 insertions(+), 21 deletions(-)

diff --git a/src/data/categoryList.ts b/src/data/categoryList.ts
index 12995ec..f9e9ce8 100644
--- a/src/data/categoryList.ts
+++ b/src/data/categoryList.ts
@@ -4,35 +4,264 @@ const categoriesList = [
       events: [
         {
           id: "0",
-          name: "TechExpo1",
-          description: "Showcasing latest tech innovations",
-          rules: ["Ru"],
-          prerequisites: ["Prerequisite"],
-          thumbnail: "/techexpo-thumbnail.jpg",
-          startTime: "2024-05-10 09:00",
-          endTime: "2024-05-10 17:00",
+          name: "SyncLine Sprint (Line Follower)",
+          description: "A high-speed race where robots follow a designated line, testing precision, speed, and coordination.",
+          rules: [
+            "All team members must be full-time students.",
+            "No restrictions on team number per institute.",
+            "Team size: 3-5 members.",
+            "Registered ID card required.",
+            "Only one team in the arena at a time.",
+            "2 rounds with different maps.",
+            "Black line on white arena.",
+            "Autonomous robots after crossing start line.",
+            "Line width approx. 3 cm.",
+            "Teams provide batteries, power supply available.",
+            "Robot intact until results.",
+            "Judges' decision final."
+          ],
+          prerequisites: [
+            "Knowledge of robotics and line following algorithms.",
+            "Robot building skills."
+          ],
+          general_rules: [ 
+            "Sportsmanship and adherence to event guidelines."
+          ],
+          thumbnail: "image_of_line_follower_robot.jpg", 
+          startTime: "2024-05-09 10:00:00", 
+          endTime: "2024-05-09 17:00:00",
+          costs: "Registration fee: $XX", 
           facultyCoordinators: [
             {
-              name: "John Doe",
-              phone: "+1234567890",
+              name: "Dr. Robotics Expert",
+              phone: "555-123-4567" 
+            }
+          ],
+          studentCoordinators: [
+            {
+              name: "Student Leader",
+              phone: "555-234-5678"
+            }
+          ]
+        },
+        {
+          id: "1",
+          name: "DirtDash RC (RC Extreme)",
+          description: "Off-road RC car racing event testing speed, skill, and control on challenging terrains.",
+          rules: [
+            "All team members must be full-time students.",
+            "Registered ID card required.",
+            "No restrictions on team number per institute.",
+            "Team size: 2-4 members.",
+            "2 rounds.",
+            "Self-made RC vehicles only.",
+            "One run per team.",
+            "Judges' decision final."
+          ],
+          prerequisites: [
+            "RC car building and driving skills."
+          ],
+          general_rules: [
+            "Sportsmanship and adherence to event guidelines."
+          ],
+          thumbnail: "image_of_rc_car_racing.jpg", 
+          startTime: "2024-05-09 10:00:00", 
+          endTime: "2024-05-09 17:00:00",
+          costs: "Registration fee: $XX",
+          facultyCoordinators: [
+            {
+              name: "Dr. RC Expert",
+              phone: "555-123-4567" 
+            }
+          ],
+          studentCoordinators: [
+            {
+              name: "Student Leader",
+              phone: "555-234-5678" 
+            }
+          ]
+        },
+        {
+          id: "2",
+          name: "BlitzBot Soccer (Bot Soccer)",
+          description: "Fast-paced robot soccer game requiring strategy, skill, and agility.",
+          rules: [
+            "Team size: 2-4 members.",
+            "Judges and organizers' decisions final.",
+            "Bot size limitations: 30cm x 30cm x 20cm (LxWxH).",
+            "Weight limit: 5kg with 10% tolerance.",
+            "Wired or wireless bots allowed.",
+            "No Lego or ready-made kits.",
+            "No hitting mechanisms.",
+            "Minimum wire length 5m (wired bots).",
+            "Voltage limit: 12.5V.",
+            "Arena size: 12ft x 8ft.",
+            "2 halves of 2 minutes each.",
+            "Bots cannot be immobile for more than 10 seconds.", 
+            "Specific rules for pushing, scoring, and penalties." 
+          ],
+          prerequisites: [
+            "Robot building and programming skills.",
+            "Understanding of soccer game rules."
+          ],
+          general_rules: [
+            "Sportsmanship and adherence to event guidelines."
+          ],
+          thumbnail: "image_of_robot_soccer.jpg",
+          startTime: "2024-05-09 10:00:00",
+          endTime: "2024-05-09 17:00:00",
+          costs: "Registration fee: $XX",
+          facultyCoordinators: [
+            {
+              name: "Michael Johnson",
+              phone: "+1122334455",
             },
           ],
           studentCoordinators: [
             {
-              name: "Jane Smith",
-              phone: "+9876543210",
+              name: "Emily Brown",
+              phone: "+5566778899",
+            },
+          ]
+        },
+        {
+          id: "3",
+          name: "RoboClash (Robo Sumo)",
+          description: "Robot combat event where robots try to push each other out of the arena.",
+          rules: [ 
+            "Team size: 2-4 members.",
+            "Judges and organizers' decisions final.", 
+            "No video recording by teams.",
+            "Bot size limitations: 30cm x 30cm x 20cm (LxWxH).",
+            "Weight limit: 5kg with 10% tolerance.",
+            "Wired or wireless bots allowed.",
+            "No Lego or ready-made kits.",
+            "No hitting or lifting mechanisms.",
+            "Minimum wire length 5m (wired bots).",
+            "Voltage limit: 12.5V.",
+            "Arena details revealed on event day.",
+            "2 halves of 1 minute and 30 seconds each.", 
+            "Specific rules for pushing and penalties."
+          ], 
+          prerequisites: [
+            "Robot building and programming skills.",
+            "Understanding of sumo wrestling rules."
+          ],
+          general_rules: [
+            "Sportsmanship and adherence to event guidelines."
+          ],
+          thumbnail: "image_of_robot_sumo.jpg", 
+          startTime: "2024-05-09 10:00:00", 
+          endTime: "2024-05-09 17:00:00", 
+          costs: "Registration fee: $XX",
+          facultyCoordinators: [
+            {
+              name: "Michael Johnson",
+              phone: "+1122334455",
             },
           ],
+          studentCoordinators: [
+            {
+              name: "Emily Brown",
+              phone: "+5566778899",
+            },
+          ]
         },
         {
-          id:"1",
-          name: "CodeJam",
-          description: "A coding competition for enthusiasts",
-          rules: ["RR"],
-          prerequisites: ["PP"],
-          thumbnail: "/codejam-thumbnail.jpg",
-          startTime: "2024-05-12 10:00",
-          endTime: "2024-05-12 18:00",
+          id: "4",
+          name: "ONE PIECE",
+          description: "Teams build boats to hold the most weight without sinking.",
+          rules: [
+            "Team size: 3-4 members.",
+            "Materials provided on-site.",
+            "Boat dimensions specified on-site.", 
+            "25 minutes to build the boat.", 
+            "Boats must float independently.",
+            "No modifications after testing begins.", 
+            "Follow safety guidelines."
+          ],
+          prerequisites: [
+            "Basic engineering and design skills."
+          ],
+          general_rules: [
+            "Sportsmanship and adherence to event guidelines."
+          ],
+          thumbnail: "image_of_boat_building.jpg", 
+          startTime: "2024-05-09 10:00:00", 
+          endTime: "2024-05-09 17:00:00", 
+          costs: "Registration fee: $XX",
+          facultyCoordinators: [
+            {
+              name: "Michael Johnson",
+              phone: "+1122334455",
+            },
+          ],
+          studentCoordinators: [
+            {
+              name: "Emily Brown",
+              phone: "+5566778899",
+            },
+          ]
+        }, 
+        {
+          id: "5",
+          name: "ZenFlow (Ease of Flow)",
+          description: "Teams use pipes and joints to transport water through obstacles.",
+          rules: [
+            "Team size: 3 members.",
+            "1 round (6 minutes).", 
+            "Judges and organizers' decisions final.", 
+            "Use provided PVC pipes and joints.",
+            "Pipes must pass along two sides of at least two cubes.",
+            "No external materials allowed.", 
+            "Maximum time of 6 minutes.",
+            "Screening round if needed."
+          ],
+          prerequisites: [
+            "Problem-solving and spatial reasoning skills."
+          ],
+          general_rules: [
+            "Sportsmanship and adherence to event guidelines."
+          ],
+          thumbnail: "image_of_water_flow_challenge.jpg", 
+          startTime: "2024-05-09 10:00:00",
+          endTime: "2024-05-09 17:00:00",
+          costs: "Registration fee: $XX",
+          facultyCoordinators: [
+            {
+              name: "Michael Johnson",
+              phone: "+1122334455",
+            },
+          ],
+          studentCoordinators: [
+            {
+              name: "Emily Brown",
+              phone: "+5566778899",
+            },
+          ]
+        },
+        {
+          id: "6",
+          name: "TYPING TITANS!!!",
+          description: "Competition to test typing speed and accuracy.", 
+          rules: [
+            "Open to all college students.", 
+            "Individual registration.", 
+            "No typing aids or software.", 
+            "No cheating or plagiarism.",
+            "Judges' decisions final.", 
+            "Respectful behavior required."
+          ],
+          prerequisites: [
+            "Typing skills." 
+          ],
+          general_rules: [
+            "Sportsmanship and adherence to event guidelines."
+          ],
+          thumbnail: "image_of_typing_competition.jpg", 
+          startTime: "2024-05-09 10:00:00", 
+          endTime: "2024-05-09 17:00:00", 
+          costs: "Registration fee: $XX",
           facultyCoordinators: [
             {
               name: "Michael Johnson",
@@ -44,11 +273,91 @@ const categoriesList = [
               name: "Emily Brown",
               phone: "+5566778899",
             },
+          ]
+        },
+        {
+          id: "7",
+          name: "HydroBlast",
+          description: "Competition to design and launch water rockets.",
+          rules: [
+            "Team size: Up to 4 members.",
+            "All members from the same institution.", 
+            "Judges' decisions final.", 
+            "Multi-stage rockets allowed.",
+            "No electronic or chemical components (except water).", 
+            "No fire or explosives.", 
+            "Teams provide launchpads and pumps.", 
+            "Rocket volume limit: 2.5 liters.",
+            "2 rounds: Distance challenge and target accuracy."
           ],
+          prerequisites: [ 
+            "Knowledge of rocketry and water rocket design." 
+          ], 
+          general_rules: [ 
+            "Sportsmanship and adherence to event guidelines." 
+          ], 
+          thumbnail: "image_of_water_rocket.jpg", 
+          startTime: "2024-05-09 10:00:00", 
+          endTime: "2024-05-09 17:00:00",
+          costs: "Registration fee: $XX",
+          facultyCoordinators: [
+            {
+              name: "Michael Johnson",
+              phone: "+1122334455",
+            },
+          ],
+          studentCoordinators: [
+            {
+              name: "Emily Brown",
+              phone: "+5566778899",
+            },
+          ]
         },
-        
+        {
+          id: "8",
+          name: "Drone Clash (Drone Challenge)",
+          description: "Drone racing competition with obstacle courses.",
+          rules: [
+            "Open to all drone enthusiasts.", 
+            "Individual or team participation (up to 5 members).",
+            "No restrictions on team composition.", 
+            "One attempt per bot.", 
+            "Penalties for collisions.", 
+            "No arena access during race.", 
+            "No test flights.",
+            "Teams must have charged batteries.",
+            "Drone must cross finish line to win.", 
+            "Off-the-shelf drones prohibited.",
+            "Frame size limitations.",
+            "Battery/power supply limitations.", 
+            "Line-of-sight operation.",
+            "Radio telemetry range limitations."
+          ], 
+          prerequisites: [
+            "Drone building and piloting skills." 
+          ], 
+          general_rules: [
+            "Sportsmanship and adherence to event guidelines."
+          ], 
+          thumbnail: "image_of_drone_racing.jpg",
+          startTime: "2024-05-09 10:00:00", 
+          endTime: "2024-05-09 17:00:00", 
+          costs: "Registration fee: $XX",
+          facultyCoordinators: [
+            {
+              name: "Michael Johnson",
+              phone: "+1122334455",
+            },
+          ],
+          studentCoordinators: [
+            {
+              name: "Emily Brown",
+              phone: "+5566778899",
+            },
+          ]
+        } 
       ],
-    },
+    }, 
     {
       category: "Non-Technical",
       events: [

From 6a0538381f29852f7a2ad34a8e6ab2e35d0b01ab Mon Sep 17 00:00:00 2001
From: Joywin Bennis <107112207+joywin2003@users.noreply.github.com>
Date: Fri, 19 Apr 2024 00:04:05 +0530
Subject: [PATCH 37/37] fixed the pathname bug since someone idiot gave a
 hardcoded index

---
 src/app/(content)/events/[category]/page.tsx | 12 +++++++++---
 src/app/api/events/route.ts                  |  5 ++++-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/app/(content)/events/[category]/page.tsx b/src/app/(content)/events/[category]/page.tsx
index 5fef913..4dc0349 100644
--- a/src/app/(content)/events/[category]/page.tsx
+++ b/src/app/(content)/events/[category]/page.tsx
@@ -2,6 +2,7 @@
 import React, { useEffect, useState } from "react";
 import { usePathname } from "next/navigation"; // Import usePathname from next/navigation
 import EventDisplay from "@/components/widgets/EventDisplay";
+import { forEach } from "lodash";
 
 interface Event {
   name: string;
@@ -27,12 +28,17 @@ export default function EventsPage() {
   const [category, setCategory] = useState("");
 
   useEffect(() => {
-    setCategory(pathname.split("/").pop() || ""); // Extract category from pathname
+    const path = pathname.split("/")[2];
+    setCategory(path);
     fetch(`/api/events/${category}`)
       .then((response) => response.json())
       .then((data) => {
-        const eventsData = data[0].events; // Access the events array from the response
-        setEvents(eventsData); // Set the events array to the state
+        forEach(data, (items) => {
+          if (items.category === path) {
+            console.log(items.events);
+            setEvents(items.events);
+          }
+        }) 
       })
       .catch((error) => console.error("Error fetching events:", error));
   }, [pathname]);
diff --git a/src/app/api/events/route.ts b/src/app/api/events/route.ts
index ddb15c4..9f7c29c 100644
--- a/src/app/api/events/route.ts
+++ b/src/app/api/events/route.ts
@@ -1,6 +1,9 @@
 import {categoriesList} from "@/data/categoryList";
+import {NextRequest} from "next/server";
 
-export async function GET() {
+export async function GET(req: NextRequest) {
+  const path = req.nextUrl.pathname.split("/");
+  const category = path[3];
   
 
   const mappedCategories = categoriesList.map(({category,events}) => {