diff --git a/bun.lockb b/bun.lockb
deleted file mode 100755
index 7c73320a..00000000
Binary files a/bun.lockb and /dev/null differ
diff --git a/package-lock.json b/package-lock.json
index b05d4b3a..24f320ad 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
         "@auth/sveltekit": "^1.4.2",
         "@prisma/client": "^5.19.1",
         "@radix-ui/react-slot": "^1.0.2",
+        "@sveltevk/qr": "^1.0.0",
         "@vercel/analytics": "^1.1.1",
         "axios": "^1.5.1",
         "bits-ui": "^0.5.7",
@@ -77,6 +78,7 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
       "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -88,6 +90,7 @@
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
       "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "dev": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.0",
         "@jridgewell/trace-mapping": "^0.3.9"
@@ -182,412 +185,6 @@
         }
       }
     },
-    "node_modules/@babel/code-frame": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz",
-      "integrity": "sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/highlight": "^7.24.7",
-        "picocolors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/compat-data": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.7.tgz",
-      "integrity": "sha512-qJzAIcv03PyaWqxRgO4mSU3lihncDT296vnyuE2O8uA4w3UHWI4S3hgeZd1L8W1Bft40w9JxJ2b412iDUFFRhw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/core": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.7.tgz",
-      "integrity": "sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.24.7",
-        "@babel/generator": "^7.24.7",
-        "@babel/helper-compilation-targets": "^7.24.7",
-        "@babel/helper-module-transforms": "^7.24.7",
-        "@babel/helpers": "^7.24.7",
-        "@babel/parser": "^7.24.7",
-        "@babel/template": "^7.24.7",
-        "@babel/traverse": "^7.24.7",
-        "@babel/types": "^7.24.7",
-        "convert-source-map": "^2.0.0",
-        "debug": "^4.1.0",
-        "gensync": "^1.0.0-beta.2",
-        "json5": "^2.2.3",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/babel"
-      }
-    },
-    "node_modules/@babel/core/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/@babel/generator": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.7.tgz",
-      "integrity": "sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/types": "^7.24.7",
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.25",
-        "jsesc": "^2.5.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.24.7.tgz",
-      "integrity": "sha512-ctSdRHBi20qWOfy27RUb4Fhp07KSJ3sXcuSvTrXrc4aG8NSYDo1ici3Vhg9bg69y5bj0Mr1lh0aeEgTvc12rMg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/compat-data": "^7.24.7",
-        "@babel/helper-validator-option": "^7.24.7",
-        "browserslist": "^4.22.2",
-        "lru-cache": "^5.1.1",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "yallist": "^3.0.2"
-      }
-    },
-    "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/@babel/helper-compilation-targets/node_modules/yallist": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/@babel/helper-environment-visitor": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.24.7.tgz",
-      "integrity": "sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/types": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-function-name": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.24.7.tgz",
-      "integrity": "sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/template": "^7.24.7",
-        "@babel/types": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-hoist-variables": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.24.7.tgz",
-      "integrity": "sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/types": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-module-imports": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.24.7.tgz",
-      "integrity": "sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/traverse": "^7.24.7",
-        "@babel/types": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-module-transforms": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.24.7.tgz",
-      "integrity": "sha512-1fuJEwIrp+97rM4RWdO+qrRsZlAeL1lQJoPqtCYWv0NL115XM93hIH4CSRln2w52SqvmY5hqdtauB6QFCDiZNQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-environment-visitor": "^7.24.7",
-        "@babel/helper-module-imports": "^7.24.7",
-        "@babel/helper-simple-access": "^7.24.7",
-        "@babel/helper-split-export-declaration": "^7.24.7",
-        "@babel/helper-validator-identifier": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-simple-access": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.24.7.tgz",
-      "integrity": "sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/traverse": "^7.24.7",
-        "@babel/types": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-split-export-declaration": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz",
-      "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/types": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-string-parser": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz",
-      "integrity": "sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz",
-      "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-validator-option": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.24.7.tgz",
-      "integrity": "sha512-yy1/KvjhV/ZCL+SM7hBrvnZJ3ZuT9OuZgIJAGpPEToANvc3iM6iDvBnRjtElWibHU6n8/LPR/EjX9EtIEYO3pw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helpers": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.7.tgz",
-      "integrity": "sha512-NlmJJtvcw72yRJRcnCmGvSi+3jDEg8qFu3z0AFoymmzLx5ERVWyzd9kVXr7Th9/8yIJi2Zc6av4Tqz3wFs8QWg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/template": "^7.24.7",
-        "@babel/types": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/highlight": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.7.tgz",
-      "integrity": "sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.24.7",
-        "chalk": "^2.4.2",
-        "js-tokens": "^4.0.0",
-        "picocolors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/@babel/highlight/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/parser": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.7.tgz",
-      "integrity": "sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "bin": {
-        "parser": "bin/babel-parser.js"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
     "node_modules/@babel/runtime": {
       "version": "7.24.7",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.7.tgz",
@@ -599,72 +196,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/template": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.7.tgz",
-      "integrity": "sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.24.7",
-        "@babel/parser": "^7.24.7",
-        "@babel/types": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/traverse": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.7.tgz",
-      "integrity": "sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.24.7",
-        "@babel/generator": "^7.24.7",
-        "@babel/helper-environment-visitor": "^7.24.7",
-        "@babel/helper-function-name": "^7.24.7",
-        "@babel/helper-hoist-variables": "^7.24.7",
-        "@babel/helper-split-export-declaration": "^7.24.7",
-        "@babel/parser": "^7.24.7",
-        "@babel/types": "^7.24.7",
-        "debug": "^4.3.1",
-        "globals": "^11.1.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/traverse/node_modules/globals": {
-      "version": "11.12.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/types": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.7.tgz",
-      "integrity": "sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.24.7",
-        "@babel/helper-validator-identifier": "^7.24.7",
-        "to-fast-properties": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.23.1",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.23.1.tgz",
@@ -689,6 +220,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "android"
@@ -704,6 +236,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "android"
@@ -719,6 +252,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "android"
@@ -734,6 +268,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -749,6 +284,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -764,6 +300,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "freebsd"
@@ -779,6 +316,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "freebsd"
@@ -794,6 +332,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -809,6 +348,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -824,6 +364,7 @@
       "cpu": [
         "ia32"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -839,6 +380,7 @@
       "cpu": [
         "loong64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -854,6 +396,7 @@
       "cpu": [
         "mips64el"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -869,6 +412,7 @@
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -884,6 +428,7 @@
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -899,6 +444,7 @@
       "cpu": [
         "s390x"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -914,6 +460,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -929,6 +476,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "netbsd"
@@ -961,6 +509,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "openbsd"
@@ -976,6 +525,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "sunos"
@@ -991,6 +541,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -1006,6 +557,7 @@
       "cpu": [
         "ia32"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -1021,6 +573,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -1089,6 +642,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/@fastify/busboy/-/busboy-2.1.1.tgz",
       "integrity": "sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=14"
@@ -1687,6 +1241,7 @@
       "version": "0.3.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
       "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
+      "dev": true,
       "dependencies": {
         "@jridgewell/set-array": "^1.2.1",
         "@jridgewell/sourcemap-codec": "^1.4.10",
@@ -1700,6 +1255,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
       "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+      "dev": true,
       "engines": {
         "node": ">=6.0.0"
       }
@@ -1708,6 +1264,7 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
       "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+      "dev": true,
       "engines": {
         "node": ">=6.0.0"
       }
@@ -1715,12 +1272,14 @@
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.4.15",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+      "dev": true
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.25",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
       "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "dev": true,
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
@@ -1762,6 +1321,7 @@
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -1774,6 +1334,7 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -1782,6 +1343,7 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -1802,7 +1364,8 @@
     "node_modules/@polka/url": {
       "version": "1.0.0-next.23",
       "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.23.tgz",
-      "integrity": "sha512-C16M+IYz0rgRhWZdCmK+h58JMv8vijAA61gmz2rspCSwKwzBebpdcsiUmwrtJRdphuY30i6BSLEOP8ppbNLyLg=="
+      "integrity": "sha512-C16M+IYz0rgRhWZdCmK+h58JMv8vijAA61gmz2rspCSwKwzBebpdcsiUmwrtJRdphuY30i6BSLEOP8ppbNLyLg==",
+      "dev": true
     },
     "node_modules/@popperjs/core": {
       "version": "2.11.8",
@@ -1836,14 +1399,14 @@
       "version": "5.19.0",
       "resolved": "https://registry.npmjs.org/@prisma/debug/-/debug-5.19.0.tgz",
       "integrity": "sha512-+b/G0ubAZlrS+JSiDhXnYV5DF/aTJ3pinktkiV/L4TtLRLZO6SVGyFELgxBsicCTWJ2ZMu5vEV/jTtYCdjFTRA==",
-      "devOptional": true,
+      "dev": true,
       "license": "Apache-2.0"
     },
     "node_modules/@prisma/engines": {
       "version": "5.19.0",
       "resolved": "https://registry.npmjs.org/@prisma/engines/-/engines-5.19.0.tgz",
       "integrity": "sha512-UtW+0m4HYoRSSR3LoDGKF3Ud4BSMWYlLEt4slTnuP1mI+vrV3zaDoiAPmejdAT76vCN5UqnWURbkXxf66nSylQ==",
-      "devOptional": true,
+      "dev": true,
       "hasInstallScript": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -1857,14 +1420,14 @@
       "version": "5.19.0-31.5fe21811a6ba0b952a3bc71400666511fe3b902f",
       "resolved": "https://registry.npmjs.org/@prisma/engines-version/-/engines-version-5.19.0-31.5fe21811a6ba0b952a3bc71400666511fe3b902f.tgz",
       "integrity": "sha512-GimI9aZIFy/yvvR11KfXRn3pliFn1QAkdebVlsXlnoh5uk0YhLblVmeYiHfsu+wDA7BeKqYT4sFfzg8mutzuWw==",
-      "devOptional": true,
+      "dev": true,
       "license": "Apache-2.0"
     },
     "node_modules/@prisma/fetch-engine": {
       "version": "5.19.0",
       "resolved": "https://registry.npmjs.org/@prisma/fetch-engine/-/fetch-engine-5.19.0.tgz",
       "integrity": "sha512-oOiPNtmJX0cP/ebu7BBEouJvCw8T84/MFD/Hf2zlqjxkK4ojl38bB9i9J5LAxotL6WlYVThKdxc7HqoWnPOhqQ==",
-      "devOptional": true,
+      "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@prisma/debug": "5.19.0",
@@ -1876,7 +1439,7 @@
       "version": "5.19.0",
       "resolved": "https://registry.npmjs.org/@prisma/get-platform/-/get-platform-5.19.0.tgz",
       "integrity": "sha512-s9DWkZKnuP4Y8uy6yZfvqQ/9X3/+2KYf3IZUVZz5OstJdGBJrBlbmIuMl81917wp5TuK/1k2TpHNCEdpYLPKmg==",
-      "devOptional": true,
+      "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@prisma/debug": "5.19.0"
@@ -2211,6 +1774,7 @@
       "version": "1.30.4",
       "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-1.30.4.tgz",
       "integrity": "sha512-JSQIQT6XvdchCRQEm7BABxPC56WP5RYVONAi+09S8tmzeP43fBsRlr95bFmsTQM2RHBldfgQk+jgdnsKI75daA==",
+      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
@@ -2243,6 +1807,7 @@
       "version": "2.5.3",
       "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.5.3.tgz",
       "integrity": "sha512-erhNtXxE5/6xGZz/M9eXsmI7Pxa6MS7jyTy06zN3Ck++ldrppOnOlJwHHTsMC7DHDQdgUp4NAc4cDNQ9eGdB/w==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@sveltejs/vite-plugin-svelte-inspector": "^1.0.4",
@@ -2265,6 +1830,7 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-1.0.4.tgz",
       "integrity": "sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "debug": "^4.3.4"
@@ -2278,15 +1844,29 @@
         "vite": "^4.0.0"
       }
     },
+    "node_modules/@sveltevk/qr": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@sveltevk/qr/-/qr-1.0.0.tgz",
+      "integrity": "sha512-kf7K+6CYWp1HDdxzX3O+HbXTCBSuKqzlD/no0y91nLW5vt3fLa+SO001CdAZnXEoICJJ8Ywmp/Za2G7lndKkjg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vkontakte/vk-qr": "2.0.13"
+      },
+      "peerDependencies": {
+        "svelte": "^3.20.0"
+      }
+    },
     "node_modules/@types/cookie": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.5.2.tgz",
-      "integrity": "sha512-DBpRoJGKJZn7RY92dPrgoMew8xCWc2P71beqsjyhEI/Ds9mOyVmBwtekyfhpwFIVt1WrxTonFifiOZ62V8CnNA=="
+      "integrity": "sha512-DBpRoJGKJZn7RY92dPrgoMew8xCWc2P71beqsjyhEI/Ds9mOyVmBwtekyfhpwFIVt1WrxTonFifiOZ62V8CnNA==",
+      "dev": true
     },
     "node_modules/@types/estree": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
       "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/gsap": {
@@ -2525,6 +2105,12 @@
         "server-only": "^0.0.1"
       }
     },
+    "node_modules/@vkontakte/vk-qr": {
+      "version": "2.0.13",
+      "resolved": "https://registry.npmjs.org/@vkontakte/vk-qr/-/vk-qr-2.0.13.tgz",
+      "integrity": "sha512-yskZf4k0TgJV2atS4WgxjqICeGg1Z+hj8tjvsH2Clf17EJXAczDvn4x1zyqC0CRHDjiOkcbne/FhCKq/nykYiQ==",
+      "license": "MIT"
+    },
     "node_modules/@yr/monotone-cubic-spline": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/@yr/monotone-cubic-spline/-/monotone-cubic-spline-1.0.3.tgz",
@@ -2544,6 +2130,7 @@
       "version": "8.10.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
       "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
+      "dev": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -2612,12 +2199,14 @@
     "node_modules/any-promise": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true
     },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
       "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
       "dependencies": {
         "normalize-path": "^3.0.0",
         "picomatch": "^2.0.4"
@@ -2644,7 +2233,8 @@
     "node_modules/arg": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true
     },
     "node_modules/argparse": {
       "version": "2.0.1",
@@ -2656,6 +2246,7 @@
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
       "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "dev": true,
       "dependencies": {
         "dequal": "^2.0.3"
       }
@@ -2726,6 +2317,7 @@
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
       "integrity": "sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==",
+      "dev": true,
       "dependencies": {
         "dequal": "^2.0.3"
       }
@@ -2733,7 +2325,8 @@
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
     },
     "node_modules/base64-js": {
       "version": "1.5.1",
@@ -2766,6 +2359,7 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
       "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -2774,6 +2368,7 @@
       "version": "0.5.7",
       "resolved": "https://registry.npmjs.org/bits-ui/-/bits-ui-0.5.7.tgz",
       "integrity": "sha512-ixGAWfZSQVaqzf+jQaPNs8ZFcSs4busZg9ITaEDfbm6pptgbbxbSGRmOwtsNgQYbsSBTS4xEHSxtEyNOsnXJ0Q==",
+      "license": "MIT",
       "dependencies": {
         "@melt-ui/svelte": "0.41.3",
         "nanoid": "^4.0.2"
@@ -2803,6 +2398,7 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -2812,6 +2408,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
       "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "fill-range": "^7.1.1"
@@ -2910,6 +2507,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
       "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -2954,6 +2552,7 @@
       "version": "3.5.3",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
       "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+      "dev": true,
       "funding": [
         {
           "type": "individual",
@@ -2980,6 +2579,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -3012,6 +2612,7 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/code-red/-/code-red-1.0.4.tgz",
       "integrity": "sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==",
+      "dev": true,
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.4.15",
         "@types/estree": "^1.0.1",
@@ -3051,6 +2652,7 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
       "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -3058,20 +2660,14 @@
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
-    },
-    "node_modules/convert-source-map": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-      "dev": true,
-      "optional": true,
-      "peer": true
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
     },
     "node_modules/cookie": {
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
       "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
+      "dev": true,
       "engines": {
         "node": ">= 0.6"
       }
@@ -3094,6 +2690,7 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
       "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
+      "dev": true,
       "dependencies": {
         "mdn-data": "2.0.30",
         "source-map-js": "^1.0.1"
@@ -3106,6 +2703,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
       "bin": {
         "cssesc": "bin/cssesc"
       },
@@ -3148,6 +2746,7 @@
       "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==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -3194,12 +2793,14 @@
     "node_modules/devalue": {
       "version": "4.3.2",
       "resolved": "https://registry.npmjs.org/devalue/-/devalue-4.3.2.tgz",
-      "integrity": "sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg=="
+      "integrity": "sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==",
+      "dev": true
     },
     "node_modules/didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true
     },
     "node_modules/dijkstrajs": {
       "version": "1.0.3",
@@ -3221,7 +2822,8 @@
     "node_modules/dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true
     },
     "node_modules/doctrine": {
       "version": "3.0.0",
@@ -3274,6 +2876,7 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
       "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
+      "dev": true,
       "hasInstallScript": true,
       "bin": {
         "esbuild": "bin/esbuild"
@@ -3457,7 +3060,8 @@
     "node_modules/esm-env": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz",
-      "integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA=="
+      "integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==",
+      "dev": true
     },
     "node_modules/espree": {
       "version": "9.6.1",
@@ -3513,6 +3117,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
       "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
       "dependencies": {
         "@types/estree": "^1.0.0"
       }
@@ -3541,6 +3146,7 @@
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
       "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+      "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -3556,6 +3162,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -3579,6 +3186,7 @@
       "version": "1.15.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
       "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
+      "dev": true,
       "dependencies": {
         "reusify": "^1.0.4"
       }
@@ -3610,6 +3218,7 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
       "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "to-regex-range": "^5.0.1"
@@ -3786,12 +3395,14 @@
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
     },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
       "hasInstallScript": true,
       "optional": true,
       "os": [
@@ -3854,17 +3465,6 @@
         "node": ">=14"
       }
     },
-    "node_modules/gensync": {
-      "version": "1.0.0-beta.2",
-      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
-      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/get-caller-file": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
@@ -3924,6 +3524,7 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.3"
       },
@@ -3949,7 +3550,8 @@
     "node_modules/globalyzer": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz",
-      "integrity": "sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q=="
+      "integrity": "sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==",
+      "dev": true
     },
     "node_modules/globby": {
       "version": "11.1.0",
@@ -3974,7 +3576,8 @@
     "node_modules/globrex": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz",
-      "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg=="
+      "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==",
+      "dev": true
     },
     "node_modules/google-auth-library": {
       "version": "9.1.0",
@@ -4065,6 +3668,7 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
       "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dev": true,
       "dependencies": {
         "function-bind": "^1.1.1"
       },
@@ -4181,7 +3785,7 @@
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.4.tgz",
       "integrity": "sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==",
-      "devOptional": true
+      "dev": true
     },
     "node_modules/import-fresh": {
       "version": "3.3.0",
@@ -4222,6 +3826,7 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -4230,12 +3835,14 @@
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
     },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
       "dependencies": {
         "binary-extensions": "^2.0.0"
       },
@@ -4247,6 +3854,7 @@
       "version": "2.13.0",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz",
       "integrity": "sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==",
+      "dev": true,
       "dependencies": {
         "has": "^1.0.3"
       },
@@ -4258,6 +3866,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4274,6 +3883,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -4285,6 +3895,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.12.0"
@@ -4303,6 +3914,7 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.2.tgz",
       "integrity": "sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==",
+      "dev": true,
       "dependencies": {
         "@types/estree": "*"
       }
@@ -4328,6 +3940,7 @@
       "version": "1.20.0",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.20.0.tgz",
       "integrity": "sha512-3TV69ZbrvV6U5DfQimop50jE9Dl6J8O1ja1dvBbMba/sZ3YBEQqJ2VZRoQPVnhlzjNtU1vaXRZVrVjU4qtm8yA==",
+      "dev": true,
       "bin": {
         "jiti": "bin/jiti.js"
       }
@@ -4341,12 +3954,6 @@
         "url": "https://github.com/sponsors/panva"
       }
     },
-    "node_modules/js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "peer": true
-    },
     "node_modules/js-yaml": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
@@ -4359,20 +3966,6 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
-    "node_modules/jsesc": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
-      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "bin": {
-        "jsesc": "bin/jsesc"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/json-bigint": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/json-bigint/-/json-bigint-1.0.0.tgz",
@@ -4399,20 +3992,6 @@
       "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
       "dev": true
     },
-    "node_modules/json5": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "bin": {
-        "json5": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/jwa": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/jwa/-/jwa-2.0.0.tgz",
@@ -4445,6 +4024,7 @@
       "version": "4.1.5",
       "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
       "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6"
@@ -4473,6 +4053,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
       "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       }
@@ -4480,12 +4061,14 @@
     "node_modules/lines-and-columns": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true
     },
     "node_modules/locate-character": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",
-      "integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA=="
+      "integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==",
+      "dev": true
     },
     "node_modules/locate-path": {
       "version": "6.0.0",
@@ -4518,18 +4101,6 @@
       "resolved": "https://registry.npmjs.org/long/-/long-5.2.3.tgz",
       "integrity": "sha512-lcHwpNoggQTObv5apGNCTdJrO69eHOZMi4BNC+rTLER8iHAqGrUVeLh/irVIM7zTw2bOXA8T6uNPeujwOLg/2Q=="
     },
-    "node_modules/loose-envify": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
-      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "peer": true,
-      "dependencies": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
-      },
-      "bin": {
-        "loose-envify": "cli.js"
-      }
-    },
     "node_modules/lru-cache": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
@@ -4553,6 +4124,7 @@
       "version": "0.30.3",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.3.tgz",
       "integrity": "sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==",
+      "dev": true,
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.4.15"
       },
@@ -4575,12 +4147,14 @@
     "node_modules/mdn-data": {
       "version": "2.0.30",
       "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
-      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA=="
+      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
+      "dev": true
     },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -4589,6 +4163,7 @@
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
       "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "braces": "^3.0.3",
@@ -4639,6 +4214,7 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -4671,6 +4247,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
       "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+      "dev": true,
       "engines": {
         "node": ">=4"
       }
@@ -4679,6 +4256,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz",
       "integrity": "sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       }
@@ -4692,6 +4270,7 @@
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
       "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dev": true,
       "dependencies": {
         "any-promise": "^1.0.0",
         "object-assign": "^4.0.1",
@@ -4702,6 +4281,7 @@
       "version": "3.3.7",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
       "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -4751,6 +4331,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4777,6 +4358,7 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4785,6 +4367,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
       "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -4801,6 +4384,7 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
       "dependencies": {
         "wrappy": "1"
       }
@@ -4884,6 +4468,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4900,7 +4485,8 @@
     "node_modules/path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true
     },
     "node_modules/path-type": {
       "version": "4.0.0",
@@ -4922,6 +4508,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz",
       "integrity": "sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==",
+      "dev": true,
       "dependencies": {
         "@types/estree": "^1.0.0",
         "estree-walker": "^3.0.0",
@@ -4931,12 +4518,14 @@
     "node_modules/picocolors": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
-      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
+      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==",
+      "dev": true
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
       "engines": {
         "node": ">=8.6"
       },
@@ -4948,6 +4537,7 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
       "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4956,6 +4546,7 @@
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
       "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -4972,6 +4563,7 @@
       "version": "8.4.45",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.45.tgz",
       "integrity": "sha512-7KTLTdzdZZYscUc65XmjFiB73vBhBfbPztCYdUNvlaso9PrzjzcmjqBPR0lNGkcVlcO4BjiO5rK/qNz+XAen1Q==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -5000,6 +4592,7 @@
       "version": "15.1.0",
       "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
       "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
       "dependencies": {
         "postcss-value-parser": "^4.0.0",
         "read-cache": "^1.0.0",
@@ -5016,6 +4609,7 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
       "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+      "dev": true,
       "dependencies": {
         "camelcase-css": "^2.0.1"
       },
@@ -5063,6 +4657,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
       "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
+      "dev": true,
       "dependencies": {
         "postcss-selector-parser": "^6.0.11"
       },
@@ -5123,6 +4718,7 @@
       "version": "6.0.13",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
       "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+      "dev": true,
       "dependencies": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -5134,7 +4730,8 @@
     "node_modules/postcss-value-parser": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true
     },
     "node_modules/preact": {
       "version": "10.11.3",
@@ -5274,7 +4871,7 @@
       "version": "5.19.0",
       "resolved": "https://registry.npmjs.org/prisma/-/prisma-5.19.0.tgz",
       "integrity": "sha512-Pu7lUKpVyTx8cVwM26dYh8NdvMOkMnJXzE8L6cikFuR4JwyMU5NKofQkWyxJKlTT4fNjmcnibTvklV8oVMrn+g==",
-      "devOptional": true,
+      "dev": true,
       "hasInstallScript": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -5471,6 +5068,7 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -5486,22 +5084,11 @@
         }
       ]
     },
-    "node_modules/react": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
-      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
-      "peer": true,
-      "dependencies": {
-        "loose-envify": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
       "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
       "dependencies": {
         "pify": "^2.3.0"
       }
@@ -5510,6 +5097,7 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
       "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
       "dependencies": {
         "picomatch": "^2.2.1"
       },
@@ -5539,6 +5127,7 @@
       "version": "1.22.6",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.6.tgz",
       "integrity": "sha512-njhxM7mV12JfufShqGy3Rz8j11RPdLy4xi15UurGJeoHLfJpVXKdh3ueuOqbYUcDZnffr6X739JBo5LzyahEsw==",
+      "dev": true,
       "dependencies": {
         "is-core-module": "^2.13.0",
         "path-parse": "^1.0.7",
@@ -5574,6 +5163,7 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
       "engines": {
         "iojs": ">=1.0.0",
         "node": ">=0.10.0"
@@ -5598,6 +5188,7 @@
       "version": "3.29.3",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.3.tgz",
       "integrity": "sha512-T7du6Hum8jOkSWetjRgbwpM6Sy0nECYrYRSmZjayFcOddtKJWU4d17AC3HNUk7HRuqy4p+G7aEZclSHytqUmEg==",
+      "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
       },
@@ -5613,6 +5204,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -5635,6 +5227,7 @@
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
       "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
+      "dev": true,
       "dependencies": {
         "mri": "^1.1.0"
       },
@@ -5689,7 +5282,7 @@
       "version": "1.69.5",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.69.5.tgz",
       "integrity": "sha512-qg2+UCJibLr2LCVOt3OlPhr/dqVHWOa9XtZf2OjbLs/T4VPSJ00udtgJxH3neXZm+QqX8B+3cU7RaLqp1iVfcQ==",
-      "devOptional": true,
+      "dev": true,
       "dependencies": {
         "chokidar": ">=3.0.0 <4.0.0",
         "immutable": "^4.0.0",
@@ -5784,6 +5377,7 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.3.tgz",
       "integrity": "sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==",
+      "dev": true,
       "dependencies": {
         "@polka/url": "^1.0.0-next.20",
         "mrmime": "^1.0.0",
@@ -5821,6 +5415,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
       "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
+      "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
@@ -5878,6 +5473,7 @@
       "version": "3.34.0",
       "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz",
       "integrity": "sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==",
+      "dev": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.2",
         "commander": "^4.0.0",
@@ -5899,6 +5495,7 @@
       "version": "7.1.6",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
       "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
+      "dev": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -5930,6 +5527,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
       "engines": {
         "node": ">= 0.4"
       },
@@ -5941,6 +5539,7 @@
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.1.tgz",
       "integrity": "sha512-LpLqY2Jr7cRxkrTc796/AaaoMLF/1ax7cto8Ot76wrvKQhrPmZ0JgajiWPmg9mTSDqO16SSLiD17r9MsvAPTmw==",
+      "dev": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.1",
         "@jridgewell/sourcemap-codec": "^1.4.15",
@@ -6035,6 +5634,7 @@
       "version": "0.15.3",
       "resolved": "https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.15.3.tgz",
       "integrity": "sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==",
+      "dev": true,
       "license": "ISC",
       "engines": {
         "node": "^12.20 || ^14.13.1 || >= 16"
@@ -6313,6 +5913,7 @@
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.3.tgz",
       "integrity": "sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==",
+      "dev": true,
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
         "arg": "^5.0.2",
@@ -6349,6 +5950,7 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz",
       "integrity": "sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==",
+      "dev": true,
       "dependencies": {
         "lilconfig": "^2.0.5",
         "yaml": "^2.1.1"
@@ -6377,6 +5979,7 @@
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.2.tgz",
       "integrity": "sha512-N/lyzTPaJasoDmfV7YTrYCI0G/3ivm/9wdG0aHuheKowWQwGTsK0Eoiw6utmzAnI6pkJa0DUVygvp3spqqEKXg==",
+      "dev": true,
       "engines": {
         "node": ">= 14"
       }
@@ -6391,6 +5994,7 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
       "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dev": true,
       "dependencies": {
         "any-promise": "^1.0.0"
       }
@@ -6399,6 +6003,7 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
       "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dev": true,
       "dependencies": {
         "thenify": ">= 3.1.0 < 4"
       },
@@ -6410,6 +6015,7 @@
       "version": "0.2.9",
       "resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz",
       "integrity": "sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==",
+      "dev": true,
       "dependencies": {
         "globalyzer": "0.1.0",
         "globrex": "^0.1.2"
@@ -6425,21 +6031,11 @@
         "node": ">=14.0.0"
       }
     },
-    "node_modules/to-fast-properties": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-number": "^7.0.0"
@@ -6452,6 +6048,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
       "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
+      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -6476,7 +6073,8 @@
     "node_modules/ts-interface-checker": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true
     },
     "node_modules/tslib": {
       "version": "2.6.2",
@@ -6958,6 +6556,7 @@
       "version": "5.28.4",
       "resolved": "https://registry.npmjs.org/undici/-/undici-5.28.4.tgz",
       "integrity": "sha512-72RFADWFqKmUb2hmmvNODKL3p9hcB6Gt2DOQMis1SEBaV6a4MH8soBvzg+95CYhCKPFedut2JY9bMfrDl9D23g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@fastify/busboy": "^2.0.0"
@@ -7013,7 +6612,8 @@
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true
     },
     "node_modules/uuid": {
       "version": "9.0.1",
@@ -7031,6 +6631,7 @@
       "version": "4.5.3",
       "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.3.tgz",
       "integrity": "sha512-kQL23kMeX92v3ph7IauVkXkikdDRsYMGTVl5KY2E9OY4ONLvkHf04MDTbnfo6NKxZiDLWzVpP5oTa8hQD8U3dg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "esbuild": "^0.18.10",
@@ -7635,6 +7236,7 @@
       "version": "0.2.5",
       "resolved": "https://registry.npmjs.org/vitefu/-/vitefu-0.2.5.tgz",
       "integrity": "sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==",
+      "dev": true,
       "license": "MIT",
       "peerDependencies": {
         "vite": "^3.0.0 || ^4.0.0 || ^5.0.0"
@@ -7719,7 +7321,8 @@
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true
     },
     "node_modules/y18n": {
       "version": "5.0.8",
diff --git a/package.json b/package.json
index 50274f07..17f379e5 100644
--- a/package.json
+++ b/package.json
@@ -56,8 +56,10 @@
     "bits-ui": "^0.5.7",
     "caniuse-lite": "^1.0.30001655",
     "clsx": "^2.0.0",
+    "cmdk-sv": "^0.0.18",
     "downloadjs": "^1.4.7",
     "firebase": "^10.4.0",
+    "formsnap": "^1.0.1",
     "googleapis": "^128.0.0",
     "gsap": "^3.12.5",
     "html-to-image": "^1.11.11",
@@ -65,11 +67,14 @@
     "iconify-icon": "^1.0.8",
     "lucide-svelte": "^0.284.0",
     "marked": "^14.1.2",
+    "qrcode": "^1.5.4",
     "svelte-copy": "^1.4.1",
-    "svelte-markdown": "^0.4.1",
-    "svelte-qrcode-image": "^1.0.0-rc.2",
+    "svelte-qrcode-image": "2.0.0-alpha.1",
+    "sveltekit-superforms": "^2.18.0",
     "tailwind-merge": "^1.14.0",
-    "tailwind-variants": "^0.1.18"
+    "tailwind-variants": "^0.1.18",
+    "xlsx": "^0.18.5",
+    "zod": "^3.23.8"
   },
   "prisma": {
     "seed": "vite-node ./prisma/seed.ts"
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 7a833777..1f168b0b 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -1,9 +1,3 @@
-// This is your Prisma schema file,
-// learn more about it in the docs: https://pris.ly/d/prisma-schema
-
-// Looking for ways to speed up your queries, or scale easily with your serverless or edge functions?
-// Try Prisma Accelerate: https://pris.ly/cli/accelerate-init
-
 generator client {
   provider = "prisma-client-js"
 }
@@ -33,14 +27,16 @@ model User {
   usn         String?
   lightTheme  String?
   darkTheme   String?
-  role        Role     @default(USER)
+  role        Role    @default(USER)
   links       Links?
   organizers  Event[]
 
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
-  Core      Core[]
-  Team      Team[]   @relation("UserTeam")
+
+  Core    Core[]
+  Student Student[]
+  Team    Team[]    @relation("UserTeam")
 }
 
 model Account {
@@ -74,6 +70,16 @@ model Session {
   updatedAt DateTime @updatedAt
 }
 
+model Student {
+  id String @id @default(cuid())
+
+  name      User       @relation(fields: [userId], references: [id])
+  userId    String     @unique
+  image     String
+  placement Placement?
+  patents   Patents[]  @relation("StudentPatents")
+}
+
 model Core {
   id    String  @id @default(cuid())
   year  String
@@ -87,13 +93,15 @@ model Core {
 }
 
 model Faculty {
-  id           String        @id @default(cuid())
+  id String @id @default(cuid())
+
   name         String
   email        String
   designation  String
   designation2 String?
   image        String
   about        String[]
+
   patents      Patents[]     @relation("FacultyPatents")
   publications Publication[] @relation("FacultyPublications")
   order        Int           @unique
@@ -107,20 +115,25 @@ model Event {
 
   title        String
   description  String?
+  brief        String?
   image        String
   date         DateTime
   time         String?
   reportLink   String?
   venue        String?
+  qr           String?
+  entryFee     Int?
   category     EventCategory
-  minTeamSize  Int     @default(1)
-  maxTeamSize  Int     @default(1)
+  minTeamSize  Int           @default(1)
+  maxTeamSize  Int           @default(1)
   type         EventType
   participants Team[]
   winners      Winners[]
   organizers   User[]
   guests       String[]
-  published    Boolean   @default(false)
+
+  published    Boolean       @default(false)
+  registrationsAvailable Boolean @default(true)
 }
 
 model Links {
@@ -140,31 +153,63 @@ model Links {
 model Team {
   id String @id @default(cuid())
 
-  name     String?
-  user     User[]    @relation("UserTeam")
-  event    Event     @relation(fields: [eventId], references: [id])
-  winner   Winners?
-  attended Boolean   @default(false)
-
-  eventId String
+  name          String?
+  leaderId      String?
+  transactionId String?
+  user          User[]   @relation("UserTeam")
+  event         Event    @relation(fields: [eventId], references: [id])
+  winner        Winners?
+  attended      Boolean  @default(false)
+
+  eventId     String
+  isConfirmed Boolean @default(false)
 }
 
 model Winners {
   id String @id @default(cuid())
 
-  position Int
-  teamId   String   @unique
-  eventId  String
+  position WinnerType
+
+  teamId  String @unique
+  eventId String
 
   event Event @relation(fields: [eventId], references: [id])
   team  Team  @relation(fields: [teamId], references: [id])
 }
-model Student {
+
+model Placement {
+  id String @id @default(cuid())
+
+  offers Offer[]
+
+  year      Year    @relation("PlacementYear", fields: [yearId], references: [id])
+  yearId    String
+  student   Student @relation(fields: [studentId], references: [id])
+  studentId String  @unique
+}
+
+model Company {
+  id String @id @default(cuid())
+
+  companyName String
+  offers      Offer[]
+}
+
+model Offer {
   id String @id @default(cuid())
 
-  name    String
-  image   String
-  patents Patents[] @relation("StudentPatents")
+  placements Placement[]
+  company    Company     @relation(fields: [companyId], references: [id])
+  companyId  String
+  package    String
+}
+
+model Year {
+  id String @id @default(cuid())
+
+  year       String
+  companies  String[]
+  placements Placement[] @relation("PlacementYear")
 }
 
 model Patents {
@@ -172,17 +217,17 @@ model Patents {
 
   patentId         String
   year             String
-  faculty          Faculty[]  @relation("FacultyPatents")
+  faculty          Faculty[] @relation("FacultyPatents")
   title            String
   authors          String[]
-  student         Student[] @relation("StudentPatents")
+  student          Student[] @relation("StudentPatents")
   inventorsName    String[]
   inventorsAddress String[]
   certificate      String?
 }
 
 model Publication {
-  id                   String        @id @default(cuid())
+  id                   String    @id @default(cuid())
   authors              String[]
   title                String
   publish_date         String
@@ -212,4 +257,11 @@ enum EventCategory {
   PREVIOUS
   UPCOMING
   CURRENT
-}
\ No newline at end of file
+}
+
+enum WinnerType {
+  FIRST
+  SECOND
+  THIRD
+  PARTICIPATION
+}
diff --git a/src/lib/components/Card/PlacementCard.svelte b/src/lib/components/Card/PlacementCard.svelte
index 782296e3..4891f0cc 100644
--- a/src/lib/components/Card/PlacementCard.svelte
+++ b/src/lib/components/Card/PlacementCard.svelte
@@ -4,61 +4,64 @@
 	import type { PlacementOffer } from '$lib/components/types/AchievementData';
 	import { NAME_TO_IMAGE as images } from '$lib/data/Images';
 
-	export let companies: Record<string, string[]>;
-	export let offers: Record<string, PlacementOffer[]>;
+	export let offers: Record<string, any[]>;
 	export let companyNames: string[];
 
 	onMount(() => {
-		const containers = document.querySelectorAll('.carousel-container');
-
-		containers.forEach((container) => {
-			const inner = container.querySelector('.carousel-inner');
-			if (!inner) return;
-
-			const items = Array.from(inner.children) as HTMLElement[];
-			const totalItems = items.length;
-
-			// Get the current screen size
-			const isSmallScreen = window.innerWidth < 640;
-
-			// Disable animation if there are less than or equal to required items
-			if ((isSmallScreen && totalItems === 1) || (!isSmallScreen && totalItems <= 2)) return;
-
-			// Duplicate items for seamless looping
-			for (let i = 0; i < totalItems; i++) {
-				const clone = items[i].cloneNode(true) as HTMLElement;
-				inner.appendChild(clone);
-			}
-			
-			// Recalculate the total items after duplication
-			const totalDuplicatedItems = inner.children.length;
-
-			const tl = gsap.timeline({ repeat: -1, paused: true });
-			tl.to(inner, {
-				duration: totalDuplicatedItems * 4, // Adjust duration based on the number of duplicated items
-				xPercent: -100 * totalDuplicatedItems / 2,
-				ease: 'none',
-				modifiers: {
-					xPercent: gsap.utils.unitize(value => {
-						return parseFloat(value) % (100 * totalDuplicatedItems / 2);
-					})
-				}
-			});
+		// Ensure that the code only runs in the browser
+		if (typeof window !== 'undefined') {
+			const containers = document.querySelectorAll('.carousel-container');
+
+			containers.forEach((container) => {
+				const inner = container.querySelector('.carousel-inner');
+				if (!inner) return;
 
-			tl.play();
+				const items = Array.from(inner.children) as HTMLElement[];
+				const totalItems = items.length;
 
-			container.addEventListener('mouseenter', () => {
-				tl.pause();
-			});
+				// Get the current screen size
+				const isSmallScreen = window.innerWidth < 640;
 
-			container.addEventListener('mouseleave', () => {
-				tl.resume();
+				// Disable animation if there are less than or equal to required items
+				if ((isSmallScreen && totalItems === 1) || (!isSmallScreen && totalItems <= 2)) return;
+
+				// Duplicate items for seamless looping
+				for (let i = 0; i < totalItems; i++) {
+					const clone = items[i].cloneNode(true) as HTMLElement;
+					inner.appendChild(clone);
+				}
+
+				// Recalculate the total items after duplication
+				const totalDuplicatedItems = inner.children.length;
+
+				const tl = gsap.timeline({ repeat: -1, paused: true });
+				tl.to(inner, {
+					duration: totalDuplicatedItems * 4, // Adjust duration based on the number of duplicated items
+					xPercent: -100 * totalDuplicatedItems / 2,
+					ease: 'none',
+					modifiers: {
+						xPercent: gsap.utils.unitize(value => {
+							return parseFloat(value) % (100 * totalDuplicatedItems / 2);
+						})
+					}
+				});
+
+				tl.play();
+
+				container.addEventListener('mouseenter', () => {
+					tl.pause();
+				});
+
+				container.addEventListener('mouseleave', () => {
+					tl.resume();
+				});
 			});
-		});
+		}
 	});
 
-    onDestroy(() => {
-            const containers = document.querySelectorAll('.carousel-container');
+	onDestroy(() => {
+		if (typeof window !== 'undefined') {
+			const containers = document.querySelectorAll('.carousel-container');
 			containers.forEach((container) => {
 				const inner = container.querySelector('.carousel-inner');
 				if (!inner) return;
@@ -69,9 +72,11 @@
 				if (totalItems > 2) 
 					gsap.killTweensOf(inner);
 			});
-		});
+		}
+	});
 </script>
 
+
 <style>
 	.carousel-container {
 		overflow: hidden;
@@ -102,7 +107,7 @@
 			</div>
 			<div class="col-span-3 carousel-container rounded-lg grid justify-around sm:justify-normal">
 				<div class="carousel-inner self-center">
-					{#each companies[company] as student}
+					{#each offers[company] as student}
 						<div class="carousel-item grid">
 							<div class="bg-card w-[95%] sm:h-full h-[90%] self-center object-contain sm:border-2 border border-[#d2b863] md:rounded-[17px] sm:rounded-[13px] rounded-[8px] grid grid-cols-5">
                                 <div class="col-span-2 w-full h-full sm:aspect-[7/9] aspect-square relative">
@@ -110,8 +115,8 @@
                                     <div class="absolute inset-0 sm:ml-[75%] ml-[50%] sm:h-full h-[89.5%] bg-gradient-to-r from-transparent to-card"></div>
                                 </div>
                                 <div class="flex flex-col col-span-3 justify-around sm:h-full h-[90%]">
-                                    <p class="lg:text-xl md:text-lg sm:text-md text-sm text-center md:font-bold sm:font-semibold">{student}</p>
-							        <p class="lg:text-xl md:text-lg sm:text-md text-sm text-center md:font-bold sm:font-semibold">{offers[student].find(c => c.company === company)?.package || ''}</p>
+                                    <p class="lg:text-xl md:text-lg sm:text-md text-sm text-center md:font-bold sm:font-semibold">{student.studentName}</p>
+							        <p class="lg:text-xl md:text-lg sm:text-md text-sm text-center md:font-bold sm:font-semibold">{student.studentPackage}</p>
                                 </div>
                             </div>
 						</div>
diff --git a/src/lib/components/CardGrids/EventCardgrid.svelte b/src/lib/components/CardGrids/EventCardgrid.svelte
index debef37a..5d079e0a 100644
--- a/src/lib/components/CardGrids/EventCardgrid.svelte
+++ b/src/lib/components/CardGrids/EventCardgrid.svelte
@@ -5,43 +5,37 @@
 
 	export let eventType: string;
 	export let events: EventData[];
-	let openItem = 'item-2'; 
+	let openItem = 'item-1'; 
 	let includedMonths = [1, 2, 3, 4, 5, 6];
+    let yearRanges = [
+        { start: 2024, end: 2025 },
+        { start: 2023, end: 2024 },
+        { start: 2022, end: 2023 }
+    ];
 </script>
 
-<div class="sm:mx-20 my-10 sm:px-10 px-5">
+<div class="lg:mx-20 my-10 sm:px-10 px-5">
 	{#if eventType ==='previous'}
 	<Accordion.Root value={openItem}>
-		<Accordion.Item value="item-2" class="border-b-2">
-			<Accordion.Trigger class="text-2xl sm:ml-10">2023-24</Accordion.Trigger>
-			<Accordion.Content>
-				<div class={`grid-container sm:mx-20 mx-5 gap-x-10 sm:gap-y-10`}>
-					{#each events as event}
-						{#if event.date && ((event.date.getFullYear() == 2023 && !includedMonths.includes(event.date.getMonth())) || (event.date.getFullYear() == 2024 && includedMonths.includes(event.date.getMonth())))}
-							<EventCardgridChild {event} {eventType} />
-						{/if}
-					{/each}
-				</div>
-			</Accordion.Content>
-		</Accordion.Item>
-		<Accordion.Item value="item-3" class="border-b-2">
+		{#each yearRanges as {start,end},i}
+		<Accordion.Item value={`item-${i+1}`} class="border-b-2">
 			<Accordion.Trigger class="text-2xl sm:ml-10" on:click={()=>{
-				scrollTo(0,0);
-			}}>2022-23</Accordion.Trigger>
+				scrollTo(0,0);}}>{start}-{end}</Accordion.Trigger>
 			<Accordion.Content>
-				<div class={`grid-container sm:mx-20 mx-5 gap-x-10  sm:gap-y-10`}>
+				<div class={`grid-container sm:mx-20 mx-5 gap-x-10 sm:gap-y-10`}>
 					{#each events as event}
-						{#if event.date && ((event.date.getFullYear() == 2022 && !includedMonths.includes(event.date.getMonth())) || (event.date.getFullYear() == 2023 && includedMonths.includes(event.date.getMonth())))}
+						{#if event.date && ((event.date.getFullYear() == start && !includedMonths.includes(event.date.getMonth())) || (event.date.getFullYear() == end && includedMonths.includes(event.date.getMonth())))}
 							<EventCardgridChild {event} {eventType} />
 						{/if}
 					{/each}
 				</div>
 			</Accordion.Content>
 		</Accordion.Item>
+		{/each}
 	</Accordion.Root>
 	{:else}
-		<div class={`gap-10 py-16 `}>
-			<div class={`grid-container sm:mx-20 mx-5 gap-x-10  sm:gap-y-10`}>
+		<div>
+			<div class={` lg:mx-20 mx-5 gap-x-10 space-y-5 relative gap-10`}>
 				{#each events as event}
 						<EventCardgridChild {event} {eventType} />
 				{/each}
diff --git a/src/lib/components/CardGrids/EventCardgridChild.svelte b/src/lib/components/CardGrids/EventCardgridChild.svelte
index 99361253..09babb64 100644
--- a/src/lib/components/CardGrids/EventCardgridChild.svelte
+++ b/src/lib/components/CardGrids/EventCardgridChild.svelte
@@ -1,13 +1,14 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
 	import { user } from '$lib/auth/stores';
-	import Input from '$lib/components/ui/input/input.svelte';
-	import { marked } from 'marked';
+	import { Crown } from 'lucide-svelte';
 	import { onMount } from 'svelte';
-	import * as Dialog from '$lib/components/ui/dialog-publications';
-	import { exclaim, failure, success } from '$lib/components/Toast/toast';
-	
-	export let event;
+	import * as Dialog from '$lib/components/ui/dialog';
+	import { exclaim, success } from '$lib/components/Toast/toast';
+	import Button from '../ui/button/button.svelte';
+	import VectorEvent from '$lib/components/VectorBackground/vectorevent.svelte';
+
+	export let event: any;
 	export let eventType: string;
 
 	const options: Intl.DateTimeFormatOptions = {
@@ -16,8 +17,8 @@
 		year: 'numeric'
 	};
 	let registered: boolean = false;
-	let teamName = '';
-	let teamId = '';
+	let team: any;
+	let teamMembers: any;
 
 	onMount(async () => {
 		if (eventType === 'upcoming' && $user) {
@@ -28,116 +29,169 @@
 				}
 			});
 			const data = await response.json();
-			teamName = data.registration.name;
-			teamId = data.registration.id;
+			team = data.registration;
+			teamMembers = data.registration.user
 
 			registered = data.isExists;
 		}
 	});
 
-	const copyToClipboard = () => {
-		if (teamName && teamId) {
-			navigator.clipboard
-				.writeText(teamId)
-				.then(() => {
-					exclaim('Team ID copied to clipboard');
-				})
-				.catch(() => {
-					failure('Failed to copy Team ID to clipboard');
-				});
+	function copyToClipboard(text: string) {
+		navigator.clipboard
+			.writeText(text)
+			.then(() => {
+				exclaim('Copied to clipboard');
+			})
+			.catch((err) => {
+				console.error('Failed to copy: ', err);
+			});
+	}
+	const deleteTeamMember = async (choice: string, id?: string) => {
+		const response = await fetch('/api/eventRegistration', {
+			method: 'DELETE',
+			headers: {
+				'Content-Type': 'application/json'
+			},
+			body: JSON.stringify({
+				teamId: team.id,
+				userId: id ?? null,
+				choice: choice
+			})
+		});
+		const res = await response.json();
+		if (res.success) {
+			if (res.choice === 'leave')
+				exclaim('You have left the team');
+			else if (res.choice === 'remove')
+				exclaim('Member removed successfully');
+			else if (res.choice === 'delete')
+				exclaim('Team deleted successfully');
+			window.location.reload();
+		}
+	};
+
+	const confirmTeam = async () => {
+		const response = await fetch('/api/eventRegistration', {
+			method: 'PATCH',
+			headers: {
+				'Content-Type': 'application/json'
+			},
+			body: JSON.stringify({
+				teamId: team.id,
+			})
+		});
+		const res = await response.json();
+		if (res.success) {
+			success('Team confirmed successfully');
+			window.location.reload();
 		}
 	};
 </script>
 
 {#if eventType === 'upcoming'}
-	<div class="flex h-full w-full flex-col">
-		<div class="dark:custom-shadow-black bg-muted-light dark:bg-muted-dark m-auto flex-1 rounded-lg px-5 py-6 shadow-xl dark:drop-shadow-md">
-			<div class="flex justify-center">
+	<div class="flex h-full w-full flex-col relative">
+		<VectorEvent />
+		<div class="dark:custom-shadow-black bg-muted-light dark:bg-muted-dark m-auto w-full rounded-2xl dark:bg-purple-950 bg-violet-500 bg-opacity-10 dark:bg-opacity-30 px-5 py-6 shadow-xl backdrop-blur-sm dark:drop-shadow-md md:grid grid-cols-5">
+			<div class="self-center col-span-2">
 				{#if event.image}
-					<img src={event?.image} alt={event.title} class="border-muted-light dark:border-muted-dark m-auto border object-cover" />
-				{/if}
-			</div>
-			<div>
-				<h1 class="py-4 text-center text-2xl font-bold">{event.title}</h1>
-				{#if event.date}
-					<h2 class="text-center text-lg">Date: {event.date.toLocaleDateString(undefined, options)}</h2>
-				{/if}
-				{#if event.time}
-					<h2 class="text-center text-lg">Time: {event.time}</h2>
-				{/if}
-				{#if event.venue}
-					<h2 class="text-center text-lg">Venue: {event?.venue}</h2>
+					<img src={event?.image} alt={event.title} class="" />
 				{/if}
 			</div>
-			<!-- <hr class="my-2 border-b border-white" /> -->
-			<!-- <div>
-				<h1 class="text-center text-xl font-bold">Description</h1>
-				<p class="text-md text-center">{event.description}</p>
-			</div> -->
-
-			{#if registered}
-				<p class="mt-3 text-center text-green-400">You have already registered for the event</p>
-			{/if}
-			<div class="flex justify-center space-x-2 pt-4">
-				{#if !registered}
-					<button on:click={() => goto(`/events/register/${event.id}`)} class="rounded-md bg-[rgb(207,85,247)] px-3 py-1">Register</button>
-				{/if}
-				<Dialog.Root>
-					<Dialog.Trigger class="rounded-md bg-[rgb(207,85,247)] px-3 py-1">
-						<!-- <h1 class=" md:text-md text-center text-xs font-semibold hover:cursor-pointer hover:underline sm:text-sm lg:text-lg">{paper.title}</h1> -->
-						View Details
-					</Dialog.Trigger>
-					<Dialog.Content class="w-full md:w-2/3 overflow-y-scroll">
-						<div class="grid justify-around">
-							<div class="relative flex flex-col md:flex-row">
-								{#if event.image}
-									<img src={event?.image} alt={event.title} class="border-muted-light dark:border-muted-dark m-auto h-auto w-auto border object-cover md:w-1/2" />
-								{/if}
-								<div class="mx-3 flex flex-col text-nowrap">
-									<h1 class="sm:pb-12 pb-2 text-2xl md:text-3xl font-bold">{event.title}</h1>
-									<div class="grid sm:justify-around h-full">
-										{#if event.date}
-											<h2 class="text-sm sm:text-md md:text-lg lg:text-xl"><span class="font-bold">Date:</span> {event.date.toLocaleDateString(undefined, options)}</h2>
-										{/if}
-										{#if event.time}
-											<h2 class="text-sm sm:text-md md:text-lg lg:text-xl"><span class="font-bold">Time:</span> {event.time}</h2>
-										{/if}
-										{#if event.venue}
-											<h2 class="text-sm sm:text-md md:text-lg lg:text-xl"><span class="font-bold">Venue:</span> {event?.venue}</h2>
-										{/if}
-									</div>
-								</div>
+			<div class="w-full sm:px-10 h-[80%] col-span-3 flex-wrap">
+				<h1 class="mb-5 text-center lg:text-5xl md:text-4xl text-3xl font-bold text-purple-600">{event.title}</h1>
+				<div class="m-auto lg:text-2xl md:text-xl bg-card bg-opacity-50 rounded-xl md:p-5 p-2 h-full justify-around grid lg:w-[90%] lg:gap-y-4 sm:gap-y-2">
+					<p class="lg:text-3xl md:text-2xl text-xl text-center">{event.brief}</p>
+					<div class="w-full grid justify-around lg:text-2xl md:text-xl text-lg">
+						{#if event.date}
+							<div class="grid grid-cols-5">
+								<p>Date</p>
+								<p class="text-center">:</p>
+								<p class="col-span-3">{event.date.toLocaleDateString(undefined, options)}</p>
+							</div>
+						{/if}
+						{#if event.time}
+							<div class="grid grid-cols-5">
+								<p>Time</p>
+								<p class="text-center">:</p>
+								<p class="col-span-3">{event.time}</p>
 							</div>
-							<br>
-							<hr class="w-full border-b border-white" />
-							<br>
-							<div>
-								<h1 class="sm:text-3xl text-2xl font-bold">Description</h1>
-								<br />
-								<p class="text-md">
-									{@html marked(event.description)}
-								</p>
-								<br />
-								{#if teamName}
-									<br />
-									<p class="text-xl">Team Name: {teamName}</p>
-									<div class="flex flex-row flex-nowrap">
-										<p class="text-nowrap text-xl">Team ID:</p>
-										<Input type="text" readonly value={teamId} />
-										<button on:click={copyToClipboard} class="ml-2"
-											><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"
-												><path fill="white" d="M15.24 2h-3.894c-1.764 0-3.162 0-4.255.148c-1.126.152-2.037.472-2.755 1.193c-.719.721-1.038 1.636-1.189 2.766C3 7.205 3 8.608 3 10.379v5.838c0 1.508.92 2.8 2.227 3.342c-.067-.91-.067-2.185-.067-3.247v-5.01c0-1.281 0-2.386.118-3.27c.127-.948.413-1.856 1.147-2.593s1.639-1.024 2.583-1.152c.88-.118 1.98-.118 3.257-.118h3.07c1.276 0 2.374 0 3.255.118A3.6 3.6 0 0 0 15.24 2" /><path fill="white" d="M6.6 11.397c0-2.726 0-4.089.844-4.936c.843-.847 2.2-.847 4.916-.847h2.88c2.715 0 4.073 0 4.917.847S21 8.671 21 11.397v4.82c0 2.726 0 4.089-.843 4.936c-.844.847-2.202.847-4.917.847h-2.88c-2.715 0-4.073 0-4.916-.847c-.844-.847-.844-2.21-.844-4.936z" /></svg
-											></button
-										>
-										<!-- <button on:click={copyToClipboard} class=" ml-2 rounded-md bg-[rgb(240,240,240)] p-2 font-bold text-black">Copy</button> -->
-									</div>
-									<p>Ask your friends to join your team using this team id</p>
-								{/if}
-								<br />
+						{/if}
+						{#if event.venue}
+							<div class="grid grid-cols-5">
+								<p>Venue</p>
+								<p class="text-center">:</p>
+								<p class="col-span-3">{event?.venue}</p>
 							</div>
-						</div>
-					</Dialog.Content>
-				</Dialog.Root>
+						{/if}
+					</div>
+					<div class={`${(registered && event.type === 'SOLO' ? 'flex-col' : '')} justify-evenly pt-4 space-x-2 flex w-full`}>
+						<button class={`rounded-lg bg-brand px-3 py-2 lg:text-2xl md:text-xl sm:text-lg text-md text-white duration-200 hover:scale-110 ${(registered && event.type === 'SOLO' ? 'self-center' : 'self-end')}`} on:click={()=>goto(`/events/upcoming/${event.id}`)}>View Details</button>
+						{#if registered}
+							{#if event.type === 'TEAM' && team}
+								<Dialog.Root>
+									<Dialog.Trigger>
+										<button class="rounded-lg bg-brand px-3 py-2 lg:text-2xl md:text-xl sm:text-lg text-md text-white duration-200 hover:scale-110 self-end">Team Details</button>
+									</Dialog.Trigger>
+									<Dialog.Content class="max-w-[80%]">
+										<div class={`h-5 w-5 ${team.isConfirmed ? 'bg-green-600' : 'bg-red-600'} absolute rounded-full top-4 left-4`}></div>
+										<Dialog.Title class="text-center text-3xl text-bold">Team Details</Dialog.Title>
+										<div class="lg:grid lg:grid-cols-9">
+											<div class="col-span-4 lg:border-r-4 sm:p-5 justify-evenly flex flex-col w-full">
+												<div class="w-full">
+													<p class="sm:text-2xl text-xl font-semibold">Team Name</p>
+													<p class="sm:text-2xl text-xl ">{team.name}</p>
+												</div>
+												<br />
+												<div class="w-full">
+													<p class="sm:text-2xl text-xl font-semibold">Team ID</p>
+													<div class="sm:text-2xl text-xl flex justify-between">
+														<p>{team.id}</p>
+														<button on:click={() => copyToClipboard(team.id)}
+															><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" class=" stroke-black"><path fill="white" d="M15.24 2h-3.894c-1.764 0-3.162 0-4.255.148c-1.126.152-2.037.472-2.755 1.193c-.719.721-1.038 1.636-1.189 2.766C3 7.205 3 8.608 3 10.379v5.838c0 1.508.92 2.8 2.227 3.342c-.067-.91-.067-2.185-.067-3.247v-5.01c0-1.281 0-2.386.118-3.27c.127-.948.413-1.856 1.147-2.593s1.639-1.024 2.583-1.152c.88-.118 1.98-.118 3.257-.118h3.07c1.276 0 2.374 0 3.255.118A3.6 3.6 0 0 0 15.24 2" /><path fill="white" d="M6.6 11.397c0-2.726 0-4.089.844-4.936c.843-.847 2.2-.847 4.916-.847h2.88c2.715 0 4.073 0 4.917.847S21 8.671 21 11.397v4.82c0 2.726 0 4.089-.843 4.936c-.844.847-2.202.847-4.917.847h-2.88c-2.715 0-4.073 0-4.916-.847c-.844-.847-.844-2.21-.844-4.936z" /></svg></button
+														>
+													</div>
+												</div>
+												<br />
+											</div>
+											<div class="col-span-5 sm:p-5 w-full">
+												<p class="sm:text-2xl text-xl font-semibold pb-5">Team Members</p>
+												<div class="grid grid-cols-5 pb-2">
+													<img src={teamMembers.find(member => member.id === team.leaderId)?.image} alt="profile-img" class="my-auto sm:h-12 h-9 sm:w-12 w-9 rounded-full col-span-1 justify-self-center" />
+													<p class="col-span-3 sm:text-xl text-lg self-center">{teamMembers.find(member => member.id === team.leaderId)?.displayName}</p>
+													<Crown class="stroke-yellow-500 self-center justify-self-center" size="40" />
+												</div>
+												{#each teamMembers as member}
+													{#if member.id !== team.leaderId}
+														<div class="grid grid-cols-5 pb-2 w-full">
+															<img src={member.image} alt="profile-img" class="my-auto sm:h-12 h-9 sm:w-12 w-9 rounded-full col-span-1 justify-self-center" />
+															<p class="col-span-3 sm:text-xl text-lg self-center">{member.displayName}</p>
+															{#if !team.isConfirmed && $user?.id === team.leaderId}
+																<Button class="bg-red-600 text-white sm:text-lg text-sm hover:text-black" on:click={() => deleteTeamMember('remove', member?.id)}>Remove</Button>
+															{/if}
+														</div>
+													{/if}
+												{/each}
+											</div>
+										</div>
+										{#if !team.isConfirmed && $user?.id === team.leaderId}
+											<div class="flex justify-evenly w-full py-5">
+												<Button class="bg-red-500 text-white sm:text-xl text-md sm:w-[20%] hover:text-black" on:click={() => deleteTeamMember('delete')}>Leave team</Button>
+												<Button class="bg-green-500 text-white sm:text-xl text-md sm:w-[20%] hover:text-black" on:click={() => confirmTeam()}>Confirm team</Button>
+											</div>
+										{/if}
+										{#if !team.isConfirmed && !$user?.id === team.leaderId}
+											<div class="flex justify-evenly w-full py-5">
+												<Button class="bg-red-500 text-white sm:text-lg text-sm sm:w-[20%] hover:text-black" on:click={() => deleteTeamMember('leave', $user?.id)}>Leave team</Button>
+											</div>
+										{/if}
+									</Dialog.Content>
+								</Dialog.Root>
+							{:else if event.type === 'SOLO'}
+								<p class="mt-3 text-center lg:text-2xl md:text-xl text-lg dark:text-green-400 text-green-600">You have already registered for the event</p>
+							{/if}
+						{/if}
+					</div>
+				</div>
 			</div>
 		</div>
 	</div>
@@ -179,4 +233,4 @@
 		-webkit-text-fill-color: transparent;
 		background-clip: text;
 	}
-</style>
+</style>
\ No newline at end of file
diff --git a/src/lib/components/CardGrids/PlacementCardGrid.svelte b/src/lib/components/CardGrids/PlacementCardGrid.svelte
index 0342c3c7..1a0d2c6e 100644
--- a/src/lib/components/CardGrids/PlacementCardGrid.svelte
+++ b/src/lib/components/CardGrids/PlacementCardGrid.svelte
@@ -2,26 +2,27 @@
     import { PLACEMENT_DETAILS } from "$lib/data/Achievements";
     import type { Placement, PlacementDetails, PlacementOffer } from "$lib/components/types/AchievementData";
     import PlacementCard from "$lib/components/Card/PlacementCard.svelte";
-    export let year: string;
+    export let companies: string[];
+    export let placements: Record<string, any[]> = {};
 
-    let placements: Placement[] = PLACEMENT_DETAILS.find((placement: PlacementDetails) => placement.year === year)?.placements || [];
+    // let placements: Placement[] = PLACEMENT_DETAILS.find((placement: PlacementDetails) => placement.year === year)?.placements || [];
 
-    let placementsByCompany: Record<string, string[]> = {};
-    let placementsByStudent: Record<string, PlacementOffer[]> = {};
+    // let placementsByCompany: Record<string, string[]> = {};
+    // let placementsByStudent: Record<string, PlacementOffer[]> = {};
 
-    let companyNames: string[] = PLACEMENT_DETAILS.find((placements: PlacementDetails) => placements.year === year)?.companies || [];
+    // let companyNames: string[] = PLACEMENT_DETAILS.find((placements: PlacementDetails) => placements.year === year)?.companies || [];
 
-    placements.forEach((placement: Placement) => {
-        placement.offers.forEach((offer: { company: string, package: string }) => {
-            if (!placementsByCompany[offer.company]) placementsByCompany[offer.company] = [];
-            placementsByCompany[offer.company].push(placement.name);
-        })
+    // placements.forEach((placement: Placement) => {
+    //     placement.offers.forEach((offer: { company: string, package: string }) => {
+    //         if (!placementsByCompany[offer.company]) placementsByCompany[offer.company] = [];
+    //         placementsByCompany[offer.company].push(placement.name);
+    //     })
 
-        if (!placementsByStudent[placement.name]) placementsByStudent[placement.name] = [];
-        placementsByStudent[placement.name] = placement.offers;
-    })
+    //     if (!placementsByStudent[placement.name]) placementsByStudent[placement.name] = [];
+    //     placementsByStudent[placement.name] = placement.offers;
+    // })
 </script>
 
 <div class="px-4 md:py-5 py-0">
-    <PlacementCard companies={placementsByCompany} offers={placementsByStudent} companyNames={companyNames} />
+    <PlacementCard offers={placements} companyNames={companies} />
 </div>
\ No newline at end of file
diff --git a/src/lib/components/HeaderFooter/Footer.svelte b/src/lib/components/HeaderFooter/Footer.svelte
index d21380d5..ef9aed93 100644
--- a/src/lib/components/HeaderFooter/Footer.svelte
+++ b/src/lib/components/HeaderFooter/Footer.svelte
@@ -39,7 +39,7 @@
 	<a href="https://github.com/tasc-nmamit" target="_blank"><span class="md:text-md text-sm">With regards from technical team :)</span></a>
 
 	<div>
-		<h1 class="pt-3 text-xl">© TASC 2023</h1>
+		<h1 class="pt-3 text-xl">© TASC 2024</h1>
 	</div>
 </div>
 <!-- 
diff --git a/src/lib/components/VectorBackground/vectorevent.svelte b/src/lib/components/VectorBackground/vectorevent.svelte
new file mode 100644
index 00000000..1b478250
--- /dev/null
+++ b/src/lib/components/VectorBackground/vectorevent.svelte
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="absolute w-full bottom-0 h-full opacity-40 rounded-xl" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" version="1.1" viewBox="0 0 2400 800" opacity="0.86">
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="sssurf-grad">
+            <stop stop-color="hsla(272, 99%, 54%, 1.00)" stop-opacity="1" offset="0%" data-darkreader-inline-stopcolor="" style="--darkreader-inline-stopcolor: #6501bf;"/>
+            <stop stop-color="hsla(0, 0%, 0%, 1.00)" stop-opacity="1" offset="100%" data-darkreader-inline-stopcolor="" style="--darkreader-inline-stopcolor: #000000;"/>
+        </linearGradient>
+    </defs>
+    <g fill="url(#sssurf-grad)" transform="matrix(1,0,0,1,7.6488037109375,221.37564718723297)">
+        <path d="M-10,10C54.58333333333333,10.625,172.91666666666666,33,300,13C427.08333333333337,-7,475,-95.79166666666667,600,-86C725,-76.20833333333333,775,43.54166666666667,900,60C1025,76.45833333333333,1075,-0.5416666666666661,1200,-7C1325,-13.458333333333334,1375,44.625,1500,29C1625,13.375,1675,-84.08333333333333,1800,-82C1925,-79.91666666666667,1975,33.583333333333336,2100,39C2225,44.416666666666664,2285.4166666666665,-131.20833333333331,2400,-56C2514.5833333333335,19.20833333333333,3254.1666666666665,200.83333333333331,2650,400C2045.8333333333335,599.1666666666667,156.25,795.8333333333334,-500,900" transform="matrix(1,0,0,1,0,86)" opacity="0.05"/>
+        <path d="M-10,10C54.58333333333333,10.625,172.91666666666666,33,300,13C427.08333333333337,-7,475,-95.79166666666667,600,-86C725,-76.20833333333333,775,43.54166666666667,900,60C1025,76.45833333333333,1075,-0.5416666666666661,1200,-7C1325,-13.458333333333334,1375,44.625,1500,29C1625,13.375,1675,-84.08333333333333,1800,-82C1925,-79.91666666666667,1975,33.583333333333336,2100,39C2225,44.416666666666664,2285.4166666666665,-131.20833333333331,2400,-56C2514.5833333333335,19.20833333333333,3254.1666666666665,200.83333333333331,2650,400C2045.8333333333335,599.1666666666667,156.25,795.8333333333334,-500,900" transform="matrix(1,0,0,1,0,172)" opacity="0.53"/>
+        <path d="M-10,10C54.58333333333333,10.625,172.91666666666666,33,300,13C427.08333333333337,-7,475,-95.79166666666667,600,-86C725,-76.20833333333333,775,43.54166666666667,900,60C1025,76.45833333333333,1075,-0.5416666666666661,1200,-7C1325,-13.458333333333334,1375,44.625,1500,29C1625,13.375,1675,-84.08333333333333,1800,-82C1925,-79.91666666666667,1975,33.583333333333336,2100,39C2225,44.416666666666664,2285.4166666666665,-131.20833333333331,2400,-56C2514.5833333333335,19.20833333333333,3254.1666666666665,200.83333333333331,2650,400C2045.8333333333335,599.1666666666667,156.25,795.8333333333334,-500,900" transform="matrix(1,0,0,1,0,258)" opacity="1.00"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/lib/components/ui/button/button.svelte b/src/lib/components/ui/button/button.svelte
new file mode 100644
index 00000000..86827f32
--- /dev/null
+++ b/src/lib/components/ui/button/button.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	import { Button as ButtonPrimitive } from "bits-ui";
+	import { type Events, type Props, buttonVariants } from "./index.js";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = Props;
+	type $$Events = Events;
+
+	let className: $$Props["class"] = undefined;
+	export let variant: $$Props["variant"] = "default";
+	export let size: $$Props["size"] = "default";
+	export let builders: $$Props["builders"] = [];
+	export { className as class };
+</script>
+
+<ButtonPrimitive.Root
+	{builders}
+	class={cn(buttonVariants({ variant, size, className }))}
+	type="button"
+	{...$$restProps}
+	on:click
+	on:keydown
+>
+	<slot />
+</ButtonPrimitive.Root>
diff --git a/src/lib/components/ui/button/index.ts b/src/lib/components/ui/button/index.ts
new file mode 100644
index 00000000..af1e188c
--- /dev/null
+++ b/src/lib/components/ui/button/index.ts
@@ -0,0 +1,49 @@
+import { type VariantProps, tv } from "tailwind-variants";
+import type { Button as ButtonPrimitive } from "bits-ui";
+import Root from "./button.svelte";
+
+const buttonVariants = tv({
+	base: "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+			outline:
+				"border-input bg-background hover:bg-accent hover:text-accent-foreground border",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground",
+			link: "text-primary underline-offset-4 hover:underline",
+		},
+		size: {
+			default: "h-10 px-4 py-2",
+			sm: "h-9 rounded-md px-3",
+			lg: "h-11 rounded-md px-8",
+			icon: "h-10 w-10",
+		},
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default",
+	},
+});
+
+type Variant = VariantProps<typeof buttonVariants>["variant"];
+type Size = VariantProps<typeof buttonVariants>["size"];
+
+type Props = ButtonPrimitive.Props & {
+	variant?: Variant;
+	size?: Size;
+};
+
+type Events = ButtonPrimitive.Events;
+
+export {
+	Root,
+	type Props,
+	type Events,
+	//
+	Root as Button,
+	type Props as ButtonProps,
+	type Events as ButtonEvents,
+	buttonVariants,
+};
diff --git a/src/lib/components/ui/command/command-dialog.svelte b/src/lib/components/ui/command/command-dialog.svelte
new file mode 100644
index 00000000..68398a84
--- /dev/null
+++ b/src/lib/components/ui/command/command-dialog.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+	import type { Dialog as DialogPrimitive } from "bits-ui";
+	import type { Command as CommandPrimitive } from "cmdk-sv";
+	import Command from "./command.svelte";
+	import * as Dialog from "$lib/components/ui/dialog/index.js";
+
+	type $$Props = DialogPrimitive.Props & CommandPrimitive.CommandProps;
+
+	export let open: $$Props["open"] = false;
+	export let value: $$Props["value"] = undefined;
+</script>
+
+<Dialog.Root bind:open {...$$restProps}>
+	<Dialog.Content class="overflow-hidden p-0 shadow-lg">
+		<Command
+			class="[&_[data-cmdk-group-heading]]:text-muted-foreground [&_[data-cmdk-group-heading]]:px-2 [&_[data-cmdk-group-heading]]:font-medium [&_[data-cmdk-group]:not([hidden])_~[data-cmdk-group]]:pt-0 [&_[data-cmdk-group]]:px-2 [&_[data-cmdk-input-wrapper]_svg]:h-5 [&_[data-cmdk-input-wrapper]_svg]:w-5 [&_[data-cmdk-input]]:h-12 [&_[data-cmdk-item]]:px-2 [&_[data-cmdk-item]]:py-3 [&_[data-cmdk-item]_svg]:h-5 [&_[data-cmdk-item]_svg]:w-5"
+			{...$$restProps}
+			bind:value
+		>
+			<slot />
+		</Command>
+	</Dialog.Content>
+</Dialog.Root>
diff --git a/src/lib/components/ui/command/command-empty.svelte b/src/lib/components/ui/command/command-empty.svelte
new file mode 100644
index 00000000..3a0819df
--- /dev/null
+++ b/src/lib/components/ui/command/command-empty.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "cmdk-sv";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = CommandPrimitive.EmptyProps;
+	let className: string | undefined | null = undefined;
+	export { className as class };
+</script>
+
+<CommandPrimitive.Empty class={cn("py-6 text-center text-sm", className)} {...$$restProps}>
+	<slot />
+</CommandPrimitive.Empty>
diff --git a/src/lib/components/ui/command/command-group.svelte b/src/lib/components/ui/command/command-group.svelte
new file mode 100644
index 00000000..22f49a41
--- /dev/null
+++ b/src/lib/components/ui/command/command-group.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "cmdk-sv";
+	import { cn } from "$lib/utils.js";
+	type $$Props = CommandPrimitive.GroupProps;
+
+	let className: string | undefined | null = undefined;
+	export { className as class };
+</script>
+
+<CommandPrimitive.Group
+	class={cn(
+		"text-foreground [&_[data-cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[data-cmdk-group-heading]]:px-2 [&_[data-cmdk-group-heading]]:py-1.5 [&_[data-cmdk-group-heading]]:text-xs [&_[data-cmdk-group-heading]]:font-medium",
+		className
+	)}
+	{...$$restProps}
+>
+	<slot />
+</CommandPrimitive.Group>
diff --git a/src/lib/components/ui/command/command-input.svelte b/src/lib/components/ui/command/command-input.svelte
new file mode 100644
index 00000000..3c50f23b
--- /dev/null
+++ b/src/lib/components/ui/command/command-input.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "cmdk-sv";
+	import Search from "lucide-svelte/icons/search";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = CommandPrimitive.InputProps;
+
+	let className: string | undefined | null = undefined;
+	export { className as class };
+	export let value: string = "";
+</script>
+
+<div class="flex items-center border-b px-2" data-cmdk-input-wrapper="">
+	<Search class="mr-2 h-4 w-4 shrink-0 opacity-50" />
+	<CommandPrimitive.Input
+		class={cn(
+			"placeholder:text-muted-foreground flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
+			className
+		)}
+		{...$$restProps}
+		bind:value
+	/>
+</div>
diff --git a/src/lib/components/ui/command/command-item.svelte b/src/lib/components/ui/command/command-item.svelte
new file mode 100644
index 00000000..a75acc8a
--- /dev/null
+++ b/src/lib/components/ui/command/command-item.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "cmdk-sv";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = CommandPrimitive.ItemProps;
+
+	export let asChild = false;
+
+	let className: string | undefined | null = undefined;
+	export { className as class };
+</script>
+
+<CommandPrimitive.Item
+	{asChild}
+	class={cn(
+		"aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		className
+	)}
+	{...$$restProps}
+	let:action
+	let:attrs
+>
+	<slot {action} {attrs} />
+</CommandPrimitive.Item>
diff --git a/src/lib/components/ui/command/command-list.svelte b/src/lib/components/ui/command/command-list.svelte
new file mode 100644
index 00000000..8ceda032
--- /dev/null
+++ b/src/lib/components/ui/command/command-list.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "cmdk-sv";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = CommandPrimitive.ListProps;
+	let className: string | undefined | null = undefined;
+	export { className as class };
+</script>
+
+<CommandPrimitive.List
+	class={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
+	{...$$restProps}
+>
+	<slot />
+</CommandPrimitive.List>
diff --git a/src/lib/components/ui/command/command-separator.svelte b/src/lib/components/ui/command/command-separator.svelte
new file mode 100644
index 00000000..71688b85
--- /dev/null
+++ b/src/lib/components/ui/command/command-separator.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "cmdk-sv";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = CommandPrimitive.SeparatorProps;
+	let className: string | undefined | null = undefined;
+	export { className as class };
+</script>
+
+<CommandPrimitive.Separator class={cn("bg-border -mx-1 h-px", className)} {...$$restProps} />
diff --git a/src/lib/components/ui/command/command-shortcut.svelte b/src/lib/components/ui/command/command-shortcut.svelte
new file mode 100644
index 00000000..c89bd61c
--- /dev/null
+++ b/src/lib/components/ui/command/command-shortcut.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = HTMLAttributes<HTMLSpanElement>;
+
+	let className: string | undefined | null = undefined;
+	export { className as class };
+</script>
+
+<span
+	class={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)}
+	{...$$restProps}
+>
+	<slot />
+</span>
diff --git a/src/lib/components/ui/command/command.svelte b/src/lib/components/ui/command/command.svelte
new file mode 100644
index 00000000..3889696a
--- /dev/null
+++ b/src/lib/components/ui/command/command.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "cmdk-sv";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = CommandPrimitive.CommandProps;
+
+	export let value: $$Props["value"] = undefined;
+
+	let className: string | undefined | null = undefined;
+	export { className as class };
+</script>
+
+<CommandPrimitive.Root
+	class={cn(
+		"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+		className
+	)}
+	bind:value
+	{...$$restProps}
+>
+	<slot />
+</CommandPrimitive.Root>
diff --git a/src/lib/components/ui/command/index.ts b/src/lib/components/ui/command/index.ts
new file mode 100644
index 00000000..d8a2e7c0
--- /dev/null
+++ b/src/lib/components/ui/command/index.ts
@@ -0,0 +1,37 @@
+import { Command as CommandPrimitive } from "cmdk-sv";
+
+import Root from "./command.svelte";
+import Dialog from "./command-dialog.svelte";
+import Empty from "./command-empty.svelte";
+import Group from "./command-group.svelte";
+import Item from "./command-item.svelte";
+import Input from "./command-input.svelte";
+import List from "./command-list.svelte";
+import Separator from "./command-separator.svelte";
+import Shortcut from "./command-shortcut.svelte";
+
+const Loading = CommandPrimitive.Loading;
+
+export {
+	Root,
+	Dialog,
+	Empty,
+	Group,
+	Item,
+	Input,
+	List,
+	Separator,
+	Shortcut,
+	Loading,
+	//
+	Root as Command,
+	Dialog as CommandDialog,
+	Empty as CommandEmpty,
+	Group as CommandGroup,
+	Item as CommandItem,
+	Input as CommandInput,
+	List as CommandList,
+	Separator as CommandSeparator,
+	Shortcut as CommandShortcut,
+	Loading as CommandLoading,
+};
diff --git a/src/lib/components/ui/dialog/index.ts b/src/lib/components/ui/dialog/index.ts
index c05c48e8..b597d769 100644
--- a/src/lib/components/ui/dialog/index.ts
+++ b/src/lib/components/ui/dialog/index.ts
@@ -2,6 +2,7 @@ import { Dialog as DialogPrimitive } from "bits-ui";
 
 const Root = DialogPrimitive.Root;
 const Trigger = DialogPrimitive.Trigger;
+const Close = DialogPrimitive.Close;
 
 import Title from "./dialog-title.svelte";
 import Portal from "./dialog-portal.svelte";
@@ -21,6 +22,7 @@ export {
 	Overlay,
 	Content,
 	Description,
+	Close,
 	//
 	Root as Dialog,
 	Title as DialogTitle,
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
index 23e83e1e..6f1595ff 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils";
-	import { Check } from "lucide-svelte";
+	import Check from "lucide-svelte/icons/check";
+	import { cn } from "$lib/utils.js";
 
 	type $$Props = DropdownMenuPrimitive.CheckboxItemProps;
 	type $$Events = DropdownMenuPrimitive.CheckboxItemEvents;
@@ -14,7 +14,7 @@
 <DropdownMenuPrimitive.CheckboxItem
 	bind:checked
 	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		className
 	)}
 	{...$$restProps}
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
index 81de2e25..d6af3135 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
@@ -1,11 +1,12 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn, flyAndScale } from "$lib/utils";
+	import { cn, flyAndScale } from "$lib/utils.js";
 
 	type $$Props = DropdownMenuPrimitive.ContentProps;
 	type $$Events = DropdownMenuPrimitive.ContentEvents;
 
 	let className: $$Props["class"] = undefined;
+	export let sideOffset: $$Props["sideOffset"] = 4;
 	export let transition: $$Props["transition"] = flyAndScale;
 	export let transitionConfig: $$Props["transitionConfig"] = undefined;
 	export { className as class };
@@ -14,8 +15,9 @@
 <DropdownMenuPrimitive.Content
 	{transition}
 	{transitionConfig}
+	{sideOffset}
 	class={cn(
-		"z-50 min-w-[8rem] rounded-md border bg-popover p-1 text-popover-foreground shadow-md focus:outline-none",
+		"bg-popover text-popover-foreground z-50 min-w-[8rem] rounded-md border p-1 shadow-md focus:outline-none",
 		className
 	)}
 	{...$$restProps}
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
index c8e67196..c99fff2a 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils";
+	import { cn } from "$lib/utils.js";
 
 	type $$Props = DropdownMenuPrimitive.ItemProps & {
 		inset?: boolean;
@@ -14,7 +14,7 @@
 
 <DropdownMenuPrimitive.Item
 	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		inset && "pl-8",
 		className
 	)}
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
index a7fb3c44..43f15277 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils";
+	import { cn } from "$lib/utils.js";
 
 	type $$Props = DropdownMenuPrimitive.LabelProps & {
 		inset?: boolean;
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
index 21d4b3a5..ea3c441c 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils";
-	import { Circle } from "lucide-svelte";
+	import Circle from "lucide-svelte/icons/circle";
+	import { cn } from "$lib/utils.js";
 
 	type $$Props = DropdownMenuPrimitive.RadioItemProps;
 	type $$Events = DropdownMenuPrimitive.RadioItemEvents;
@@ -13,7 +13,7 @@
 
 <DropdownMenuPrimitive.RadioItem
 	class={cn(
-		"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 		className
 	)}
 	{value}
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
index 775f8fe0..8b16e03d 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils";
+	import { cn } from "$lib/utils.js";
 
 	type $$Props = DropdownMenuPrimitive.SeparatorProps;
 
@@ -9,6 +9,6 @@
 </script>
 
 <DropdownMenuPrimitive.Separator
-	class={cn("-mx-1 my-1 h-px bg-muted", className)}
+	class={cn("bg-muted -mx-1 my-1 h-px", className)}
 	{...$$restProps}
 />
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
index caf24ad6..d8c7378c 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { cn } from "$lib/utils";
 	import type { HTMLAttributes } from "svelte/elements";
+	import { cn } from "$lib/utils.js";
 
 	type $$Props = HTMLAttributes<HTMLSpanElement>;
 
@@ -8,9 +8,6 @@
 	export { className as class };
 </script>
 
-<span
-	class={cn("ml-auto text-xs tracking-widest opacity-60", className)}
-	{...$$restProps}
->
+<span class={cn("ml-auto text-xs tracking-widest opacity-60", className)} {...$$restProps}>
 	<slot />
 </span>
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
index 66900855..034ed060 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn, flyAndScale } from "$lib/utils";
+	import { cn, flyAndScale } from "$lib/utils.js";
 
 	type $$Props = DropdownMenuPrimitive.SubContentProps;
 	type $$Events = DropdownMenuPrimitive.SubContentEvents;
@@ -9,7 +9,7 @@
 	export let transition: $$Props["transition"] = flyAndScale;
 	export let transitionConfig: $$Props["transitionConfig"] = {
 		x: -10,
-		y: 0
+		y: 0,
 	};
 	export { className as class };
 </script>
@@ -18,7 +18,7 @@
 	{transition}
 	{transitionConfig}
 	class={cn(
-		"z-50 min-w-[8rem] rounded-md border bg-popover p-1 text-popover-foreground shadow-lg focus:outline-none",
+		"bg-popover text-popover-foreground z-50 min-w-[8rem] rounded-md border p-1 shadow-lg focus:outline-none",
 		className
 	)}
 	{...$$restProps}
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
index 75cf2642..7f368ce4 100644
--- a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils";
-	import { ChevronRight } from "lucide-svelte";
+	import ChevronRight from "lucide-svelte/icons/chevron-right";
+	import { cn } from "$lib/utils.js";
 
 	type $$Props = DropdownMenuPrimitive.SubTriggerProps & {
 		inset?: boolean;
@@ -15,7 +15,7 @@
 
 <DropdownMenuPrimitive.SubTrigger
 	class={cn(
-		"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[state=open]:bg-accent",
+		"data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
 		inset && "pl-8",
 		className
 	)}
diff --git a/src/lib/components/ui/dropdown-menu/index.ts b/src/lib/components/ui/dropdown-menu/index.ts
index 313213a0..c1749e92 100644
--- a/src/lib/components/ui/dropdown-menu/index.ts
+++ b/src/lib/components/ui/dropdown-menu/index.ts
@@ -44,5 +44,5 @@ export {
 	RadioGroup as DropdownMenuRadioGroup,
 	SubContent as DropdownMenuSubContent,
 	SubTrigger as DropdownMenuSubTrigger,
-	CheckboxItem as DropdownMenuCheckboxItem
+	CheckboxItem as DropdownMenuCheckboxItem,
 };
diff --git a/src/lib/components/ui/form/form-button.svelte b/src/lib/components/ui/form/form-button.svelte
new file mode 100644
index 00000000..087c839e
--- /dev/null
+++ b/src/lib/components/ui/form/form-button.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+	import * as Button from "$lib/components/ui/button/index.js";
+
+	type $$Props = Button.Props;
+	type $$Events = Button.Events;
+</script>
+
+<Button.Root type="submit" on:click on:keydown {...$$restProps}>
+	<slot />
+</Button.Root>
diff --git a/src/lib/components/ui/form/form-description.svelte b/src/lib/components/ui/form/form-description.svelte
new file mode 100644
index 00000000..88778212
--- /dev/null
+++ b/src/lib/components/ui/form/form-description.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import * as FormPrimitive from "formsnap";
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = HTMLAttributes<HTMLSpanElement>;
+	let className: string | undefined | null = undefined;
+	export { className as class };
+</script>
+
+<FormPrimitive.Description
+	class={cn("text-muted-foreground text-sm", className)}
+	{...$$restProps}
+	let:descriptionAttrs
+>
+	<slot {descriptionAttrs} />
+</FormPrimitive.Description>
diff --git a/src/lib/components/ui/form/form-element-field.svelte b/src/lib/components/ui/form/form-element-field.svelte
new file mode 100644
index 00000000..2de747eb
--- /dev/null
+++ b/src/lib/components/ui/form/form-element-field.svelte
@@ -0,0 +1,25 @@
+<script lang="ts" context="module">
+	import type { FormPathLeaves, SuperForm } from "sveltekit-superforms";
+	type T = Record<string, unknown>;
+	type U = FormPathLeaves<T>;
+</script>
+
+<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPathLeaves<T>">
+	import type { HTMLAttributes } from "svelte/elements";
+	import * as FormPrimitive from "formsnap";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = FormPrimitive.ElementFieldProps<T, U> & HTMLAttributes<HTMLElement>;
+
+	export let form: SuperForm<T>;
+	export let name: U;
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+</script>
+
+<FormPrimitive.ElementField {form} {name} let:constraints let:errors let:tainted let:value>
+	<div class={cn("space-y-2", className)}>
+		<slot {constraints} {errors} {tainted} {value} />
+	</div>
+</FormPrimitive.ElementField>
diff --git a/src/lib/components/ui/form/form-field-errors.svelte b/src/lib/components/ui/form/form-field-errors.svelte
new file mode 100644
index 00000000..513fb907
--- /dev/null
+++ b/src/lib/components/ui/form/form-field-errors.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	import * as FormPrimitive from "formsnap";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = FormPrimitive.FieldErrorsProps & {
+		errorClasses?: string | undefined | null;
+	};
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+	export let errorClasses: $$Props["class"] = undefined;
+</script>
+
+<FormPrimitive.FieldErrors
+	class={cn("text-destructive text-sm font-medium", className)}
+	{...$$restProps}
+	let:errors
+	let:fieldErrorsAttrs
+	let:errorAttrs
+>
+	<slot {errors} {fieldErrorsAttrs} {errorAttrs}>
+		{#each errors as error}
+			<div {...errorAttrs} class={cn(errorClasses)}>{error}</div>
+		{/each}
+	</slot>
+</FormPrimitive.FieldErrors>
diff --git a/src/lib/components/ui/form/form-field.svelte b/src/lib/components/ui/form/form-field.svelte
new file mode 100644
index 00000000..6e958a33
--- /dev/null
+++ b/src/lib/components/ui/form/form-field.svelte
@@ -0,0 +1,25 @@
+<script lang="ts" context="module">
+	import type { FormPath, SuperForm } from "sveltekit-superforms";
+	type T = Record<string, unknown>;
+	type U = FormPath<T>;
+</script>
+
+<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>">
+	import type { HTMLAttributes } from "svelte/elements";
+	import * as FormPrimitive from "formsnap";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = FormPrimitive.FieldProps<T, U> & HTMLAttributes<HTMLElement>;
+
+	export let form: SuperForm<T>;
+	export let name: U;
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+</script>
+
+<FormPrimitive.Field {form} {name} let:constraints let:errors let:tainted let:value>
+	<div class={cn("space-y-2", className)}>
+		<slot {constraints} {errors} {tainted} {value} />
+	</div>
+</FormPrimitive.Field>
diff --git a/src/lib/components/ui/form/form-fieldset.svelte b/src/lib/components/ui/form/form-fieldset.svelte
new file mode 100644
index 00000000..81e8f1be
--- /dev/null
+++ b/src/lib/components/ui/form/form-fieldset.svelte
@@ -0,0 +1,30 @@
+<script lang="ts" context="module">
+	import type { FormPath, SuperForm } from "sveltekit-superforms";
+	type T = Record<string, unknown>;
+	type U = FormPath<T>;
+</script>
+
+<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>">
+	import * as FormPrimitive from "formsnap";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = FormPrimitive.FieldsetProps<T, U>;
+
+	export let form: SuperForm<T>;
+	export let name: U;
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+</script>
+
+<FormPrimitive.Fieldset
+	{form}
+	{name}
+	let:constraints
+	let:errors
+	let:tainted
+	let:value
+	class={cn("space-y-2", className)}
+>
+	<slot {constraints} {errors} {tainted} {value} />
+</FormPrimitive.Fieldset>
diff --git a/src/lib/components/ui/form/form-label.svelte b/src/lib/components/ui/form/form-label.svelte
new file mode 100644
index 00000000..fcd10282
--- /dev/null
+++ b/src/lib/components/ui/form/form-label.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import type { Label as LabelPrimitive } from "bits-ui";
+	import { getFormControl } from "formsnap";
+	import { cn } from "$lib/utils.js";
+	import { Label } from "$lib/components/ui/label/index.js";
+
+	type $$Props = LabelPrimitive.Props;
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+
+	const { labelAttrs } = getFormControl();
+</script>
+
+<Label {...$labelAttrs} class={cn("data-[fs-error]:text-destructive", className)} {...$$restProps}>
+	<slot {labelAttrs} />
+</Label>
diff --git a/src/lib/components/ui/form/form-legend.svelte b/src/lib/components/ui/form/form-legend.svelte
new file mode 100644
index 00000000..d494d9cd
--- /dev/null
+++ b/src/lib/components/ui/form/form-legend.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import * as FormPrimitive from "formsnap";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = FormPrimitive.LegendProps;
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+</script>
+
+<FormPrimitive.Legend
+	{...$$restProps}
+	class={cn("data-[fs-error]:text-destructive text-sm font-medium leading-none", className)}
+	let:legendAttrs
+>
+	<slot {legendAttrs} />
+</FormPrimitive.Legend>
diff --git a/src/lib/components/ui/form/index.ts b/src/lib/components/ui/form/index.ts
new file mode 100644
index 00000000..0713927c
--- /dev/null
+++ b/src/lib/components/ui/form/index.ts
@@ -0,0 +1,33 @@
+import * as FormPrimitive from "formsnap";
+import Description from "./form-description.svelte";
+import Label from "./form-label.svelte";
+import FieldErrors from "./form-field-errors.svelte";
+import Field from "./form-field.svelte";
+import Fieldset from "./form-fieldset.svelte";
+import Legend from "./form-legend.svelte";
+import ElementField from "./form-element-field.svelte";
+import Button from "./form-button.svelte";
+
+const Control = FormPrimitive.Control;
+
+export {
+	Field,
+	Control,
+	Label,
+	Button,
+	FieldErrors,
+	Description,
+	Fieldset,
+	Legend,
+	ElementField,
+	//
+	Field as FormField,
+	Control as FormControl,
+	Description as FormDescription,
+	Label as FormLabel,
+	FieldErrors as FormFieldErrors,
+	Fieldset as FormFieldset,
+	Legend as FormLegend,
+	ElementField as FormElementField,
+	Button as FormButton,
+};
diff --git a/src/lib/components/ui/popover/index.ts b/src/lib/components/ui/popover/index.ts
new file mode 100644
index 00000000..63aecf9a
--- /dev/null
+++ b/src/lib/components/ui/popover/index.ts
@@ -0,0 +1,17 @@
+import { Popover as PopoverPrimitive } from "bits-ui";
+import Content from "./popover-content.svelte";
+const Root = PopoverPrimitive.Root;
+const Trigger = PopoverPrimitive.Trigger;
+const Close = PopoverPrimitive.Close;
+
+export {
+	Root,
+	Content,
+	Trigger,
+	Close,
+	//
+	Root as Popover,
+	Content as PopoverContent,
+	Trigger as PopoverTrigger,
+	Close as PopoverClose,
+};
diff --git a/src/lib/components/ui/popover/popover-content.svelte b/src/lib/components/ui/popover/popover-content.svelte
new file mode 100644
index 00000000..1d86206e
--- /dev/null
+++ b/src/lib/components/ui/popover/popover-content.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { Popover as PopoverPrimitive } from "bits-ui";
+	import { cn, flyAndScale } from "$lib/utils.js";
+
+	type $$Props = PopoverPrimitive.ContentProps;
+	let className: $$Props["class"] = undefined;
+	export let transition: $$Props["transition"] = flyAndScale;
+	export let transitionConfig: $$Props["transitionConfig"] = undefined;
+	export { className as class };
+</script>
+
+<PopoverPrimitive.Content
+	{transition}
+	{transitionConfig}
+	class={cn(
+		"bg-popover text-popover-foreground z-50 w-72 rounded-md border p-4 shadow-md outline-none",
+		className
+	)}
+	{...$$restProps}
+>
+	<slot />
+</PopoverPrimitive.Content>
diff --git a/src/lib/components/ui/radio-group/index.ts b/src/lib/components/ui/radio-group/index.ts
new file mode 100644
index 00000000..feefa793
--- /dev/null
+++ b/src/lib/components/ui/radio-group/index.ts
@@ -0,0 +1,15 @@
+import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
+
+import Root from "./radio-group.svelte";
+import Item from "./radio-group-item.svelte";
+const Input = RadioGroupPrimitive.Input;
+
+export {
+	Root,
+	Input,
+	Item,
+	//
+	Root as RadioGroup,
+	Input as RadioGroupInput,
+	Item as RadioGroupItem,
+};
diff --git a/src/lib/components/ui/radio-group/radio-group-item.svelte b/src/lib/components/ui/radio-group/radio-group-item.svelte
new file mode 100644
index 00000000..e061d973
--- /dev/null
+++ b/src/lib/components/ui/radio-group/radio-group-item.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
+	import Circle from "lucide-svelte/icons/circle";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = RadioGroupPrimitive.ItemProps;
+	type $$Events = RadioGroupPrimitive.ItemEvents;
+
+	let className: $$Props["class"] = undefined;
+	export let value: $$Props["value"];
+	export { className as class };
+</script>
+
+<RadioGroupPrimitive.Item
+	{value}
+	class={cn(
+		"border-primary text-primary ring-offset-background focus-visible:ring-ring aspect-square h-4 w-4 rounded-full border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+		className
+	)}
+	{...$$restProps}
+	on:click
+>
+	<div class="flex items-center justify-center">
+		<RadioGroupPrimitive.ItemIndicator>
+			<Circle class="h-2.5 w-2.5 fill-current text-current" />
+		</RadioGroupPrimitive.ItemIndicator>
+	</div>
+</RadioGroupPrimitive.Item>
diff --git a/src/lib/components/ui/radio-group/radio-group.svelte b/src/lib/components/ui/radio-group/radio-group.svelte
new file mode 100644
index 00000000..301a9259
--- /dev/null
+++ b/src/lib/components/ui/radio-group/radio-group.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+	import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = RadioGroupPrimitive.Props;
+
+	let className: $$Props["class"] = undefined;
+	export let value: $$Props["value"] = undefined;
+	export { className as class };
+</script>
+
+<RadioGroupPrimitive.Root bind:value class={cn("grid gap-2", className)} {...$$restProps}>
+	<slot />
+</RadioGroupPrimitive.Root>
diff --git a/src/lib/components/ui/scroll-area/index.ts b/src/lib/components/ui/scroll-area/index.ts
new file mode 100644
index 00000000..e86a25b2
--- /dev/null
+++ b/src/lib/components/ui/scroll-area/index.ts
@@ -0,0 +1,10 @@
+import Scrollbar from "./scroll-area-scrollbar.svelte";
+import Root from "./scroll-area.svelte";
+
+export {
+	Root,
+	Scrollbar,
+	//,
+	Root as ScrollArea,
+	Scrollbar as ScrollAreaScrollbar,
+};
diff --git a/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte b/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte
new file mode 100644
index 00000000..71b33280
--- /dev/null
+++ b/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { ScrollArea as ScrollAreaPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = ScrollAreaPrimitive.ScrollbarProps & {
+		orientation?: "vertical" | "horizontal";
+	};
+
+	let className: $$Props["class"] = undefined;
+	export let orientation: $$Props["orientation"] = "vertical";
+	export { className as class };
+</script>
+
+<ScrollAreaPrimitive.Scrollbar
+	{orientation}
+	class={cn(
+		"flex touch-none select-none transition-colors",
+		orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
+		orientation === "horizontal" && "h-2.5 w-full border-t border-t-transparent p-px",
+		className
+	)}
+>
+	<slot />
+	<ScrollAreaPrimitive.Thumb
+		class={cn("bg-border relative rounded-full", orientation === "vertical" && "flex-1")}
+	/>
+</ScrollAreaPrimitive.Scrollbar>
diff --git a/src/lib/components/ui/scroll-area/scroll-area.svelte b/src/lib/components/ui/scroll-area/scroll-area.svelte
new file mode 100644
index 00000000..e8e368c9
--- /dev/null
+++ b/src/lib/components/ui/scroll-area/scroll-area.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+	import { ScrollArea as ScrollAreaPrimitive } from "bits-ui";
+	import { Scrollbar } from "./index.js";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = ScrollAreaPrimitive.Props & {
+		orientation?: "vertical" | "horizontal" | "both";
+		scrollbarXClasses?: string;
+		scrollbarYClasses?: string;
+	};
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+	export let orientation = "vertical";
+	export let scrollbarXClasses: string = "";
+	export let scrollbarYClasses: string = "";
+</script>
+
+<ScrollAreaPrimitive.Root {...$$restProps} class={cn("relative overflow-hidden", className)}>
+	<ScrollAreaPrimitive.Viewport class="h-full w-full rounded-[inherit]">
+		<ScrollAreaPrimitive.Content>
+			<slot />
+		</ScrollAreaPrimitive.Content>
+	</ScrollAreaPrimitive.Viewport>
+	{#if orientation === "vertical" || orientation === "both"}
+		<Scrollbar orientation="vertical" class={scrollbarYClasses} />
+	{/if}
+	{#if orientation === "horizontal" || orientation === "both"}
+		<Scrollbar orientation="horizontal" class={scrollbarXClasses} />
+	{/if}
+	<ScrollAreaPrimitive.Corner />
+</ScrollAreaPrimitive.Root>
diff --git a/src/lib/types/EventData.ts b/src/lib/types/EventData.ts
index 81c67ead..0db0592a 100644
--- a/src/lib/types/EventData.ts
+++ b/src/lib/types/EventData.ts
@@ -4,8 +4,10 @@ export default interface EventData {
 	image: string;
 	date: Date;
 	time: string | null;
+	type: string | null;
 	venue: string | null;
 	description: string | null;
+	brief:string|null;
 	guests: string[];
 	reportLink: string | null;
 }
diff --git a/src/routes/(navbar)/(spacetop)/achievements/placements/[year]/+page.server.ts b/src/routes/(navbar)/(spacetop)/achievements/placements/[year]/+page.server.ts
new file mode 100644
index 00000000..1958adb5
--- /dev/null
+++ b/src/routes/(navbar)/(spacetop)/achievements/placements/[year]/+page.server.ts
@@ -0,0 +1,71 @@
+import { db } from '$lib/db/db';
+import type { ServerLoad } from "@sveltejs/kit"
+
+export const load = (async ({ params }) => {
+
+	// const placement = await db.year.findFirst({
+	// 	where: {
+	// 		year: params.year,
+	// 	},
+	// 	include: {
+	// 		placements: {
+	// 			include: {
+	// 				student: {
+	// 					select: { id: true, name: true }
+	// 				},
+	// 				offers: {
+	// 					include: {
+	// 						company: { select: { companyName: true } }
+	// 					},
+	// 				}
+	// 			}
+	// 		},
+	// 		companies: { select: { companyName: true } }
+	// 	}
+	// })
+
+	// console.log(placement);
+
+	const placement = await db.year.findFirst({
+		where: { year: params.year },
+		include: {
+			placements: {
+				include: {
+					student: {
+						include: { name: true }
+					},
+					offers: {
+						include: {
+							company: true,
+						}
+					},
+				}
+			}
+		}
+	});
+
+	let placements: Record<string, any[]> = {};
+
+	placement?.placements.forEach(p => {
+		p.offers.forEach(o => {
+			const companyName = o.company.companyName;
+
+			if (!placements[companyName])
+				placements[companyName] = [];
+
+			placements[companyName].push({
+				studentId: p.student.id,
+				studentName: p.student.name.displayName,
+				studentImage: p.student.image,
+				studentPackage: o.package
+			});
+		})
+	})
+
+	return {
+		companies: placement?.companies,
+		placements: placements
+	}
+}) satisfies ServerLoad;
+
+
diff --git a/src/routes/(navbar)/(spacetop)/achievements/placements/[year]/+page.svelte b/src/routes/(navbar)/(spacetop)/achievements/placements/[year]/+page.svelte
index eaacb6c5..9bf35fe0 100644
--- a/src/routes/(navbar)/(spacetop)/achievements/placements/[year]/+page.svelte
+++ b/src/routes/(navbar)/(spacetop)/achievements/placements/[year]/+page.svelte
@@ -1,7 +1,11 @@
 <script lang="ts">
     import { page } from '$app/stores';
+    import type { PageData } from './$types';
 	import PlacementCardGrid from '$lib/components/CardGrids/PlacementCardGrid.svelte';
     let year = $page.params.year;
+    
+    export let data: PageData;
+    console.log(data);
 </script>
 
 <div class="w-full h-auto grid">
@@ -10,5 +14,5 @@
             <button class={`text-md sm:text-xl md:text-2xl ${year === '2024' ? 'underline underline-offset-4' : 'no-underline'}`}> 2024 </button>
         </a>
     </div>
-    <PlacementCardGrid year={year} />
-</div>
\ No newline at end of file
+    <PlacementCardGrid companies={data.companies} placements={data.placements} />
+</div>
diff --git a/src/routes/(navbar)/(spacetop)/events/[type]/+page.server.ts b/src/routes/(navbar)/(spacetop)/events/[type]/+page.server.ts
index 3ef78f8a..640e4897 100644
--- a/src/routes/(navbar)/(spacetop)/events/[type]/+page.server.ts
+++ b/src/routes/(navbar)/(spacetop)/events/[type]/+page.server.ts
@@ -8,7 +8,7 @@ import { EventCategory } from '@prisma/client';
 // @ts-ignore
 export const load = (async ({ params }) => {
 	const eventSnapshot = await db.event.groupBy({
-		by: ['id', 'title', 'description', 'date', 'time', 'image', 'reportLink', 'venue', 'category', 'guests'],
+		by: ['id', 'title', 'description','brief', 'date', 'time', 'image', 'reportLink', 'venue', 'category', 'type', 'guests'],
 		orderBy: { date: params.type === 'upcoming' ? 'asc' : 'desc' },
 		where: { published: true, category: params.type?.toUpperCase() as EventCategory }
 	})
@@ -24,6 +24,8 @@ export const load = (async ({ params }) => {
 			time: event.time,
 			venue: event.venue,
 			description: event.description,
+			type: event.type,
+			brief:event.brief,
 			guests: event.guests,
 			reportLink: event.reportLink
 		});
diff --git a/src/routes/(navbar)/(spacetop)/events/[type]/[eventId]/+page.server.ts b/src/routes/(navbar)/(spacetop)/events/[type]/[eventId]/+page.server.ts
new file mode 100644
index 00000000..8ea450a4
--- /dev/null
+++ b/src/routes/(navbar)/(spacetop)/events/[type]/[eventId]/+page.server.ts
@@ -0,0 +1,49 @@
+import { db } from '$lib/db/db';
+// import { user } from '$lib/auth/stores';
+
+// export const load = async({params})=>{
+//     const eventId=params.eventId;
+//     const event=await db.event.findUnique({
+//         where:{
+//             id:eventId
+//         }
+//     })
+
+//     return ({event:event})
+// }
+
+export const load = async (event) => {
+	const session = await event.locals.auth();
+
+	const eventDetail = await db.event.findUnique({
+		where: {
+			id: event.params.eventId
+		}
+	});
+
+	if (session === null) {
+		return {
+			event: eventDetail
+		};
+	}
+
+	const teams = await db.team.findFirst({
+		where: {
+			user: {
+				some: {
+					id: session?.user?.id
+				}
+			},
+			eventId: event.params.eventId
+		},
+		include: {
+			user: true,
+			event: true
+		}
+	});
+
+	return {
+		event: eventDetail,
+		teams: teams ?? null
+	};
+};
diff --git a/src/routes/(navbar)/(spacetop)/events/[type]/[eventId]/+page.svelte b/src/routes/(navbar)/(spacetop)/events/[type]/[eventId]/+page.svelte
new file mode 100644
index 00000000..469e3d2b
--- /dev/null
+++ b/src/routes/(navbar)/(spacetop)/events/[type]/[eventId]/+page.svelte
@@ -0,0 +1,228 @@
+<script lang="ts">
+	import { page } from '$app/stores';
+	import { exclaim, success } from '$lib/components/Toast/toast';
+	import { onMount } from 'svelte';
+	import { MapPin, CalendarCheck2, Ticket, Crown } from 'lucide-svelte';
+	import * as Dialog from '$lib/components/ui/dialog';
+	import { marked } from 'marked';
+	import Button from '$lib/components/ui/button/button.svelte';
+	import { goto } from '$app/navigation';
+
+	export let data: any;
+
+	const event = data.event;
+	const userId = data.session?.user?.id;
+	const team = data.teams ?? null;
+	const teamMembers = team?.user ?? null;
+	const leaderId = team?.leaderId ?? null;
+	let isLeader = false;
+
+	onMount(async () => {
+		if (leaderId == userId) {
+			isLeader = true;
+		}
+	});
+
+	function formatDate(dateString: Date) {
+		const date = new Date(dateString);
+
+		return date.toLocaleDateString('en-US', {
+			weekday: 'short',
+			year: 'numeric',
+			month: 'short',
+			day: 'numeric'
+		});
+	}
+
+	function copyToClipboard(text: string) {
+		navigator.clipboard
+			.writeText(text)
+			.then(() => {
+				exclaim('Copied to clipboard');
+			})
+			.catch((err) => {
+				console.error('Failed to copy: ', err);
+			});
+	}
+	const deleteTeamMember = async (choice: string, id?: string) => {
+		const response = await fetch('/api/eventRegistration', {
+			method: 'DELETE',
+			headers: {
+				'Content-Type': 'application/json'
+			},
+			body: JSON.stringify({
+				teamId: team.id,
+				userId: id ?? null,
+				choice: choice
+			})
+		});
+		const res = await response.json();
+		if (res.success) {
+			if (res.choice === 'leave')
+				exclaim('You have left the team');
+			else if (res.choice === 'remove')
+				exclaim('Member removed successfully');
+			else if (res.choice === 'delete')
+				exclaim('Team deleted successfully');
+			window.location.reload();
+		}
+	};
+
+	const confirmTeam = async () => {
+		const response = await fetch('/api/eventRegistration', {
+			method: 'PATCH',
+			headers: {
+				'Content-Type': 'application/json'
+			},
+			body: JSON.stringify({
+				teamId: team.id,
+			})
+		});
+		const res = await response.json();
+		if (res.success) {
+			success('Team confirmed successfully');
+			window.location.reload();
+		}
+	};
+</script>
+
+<!-- And in the upcoming page or the event slug page, the team members display, team leader highlight delete members, leave button etc -->
+
+<div class="grid-cols-9 p-3 sm:p-10 lg:grid">
+	<div class="custom-padding col-span-4 h-full p-10 lg:p-16 place-content-center flex">
+		<img src={event.image} alt="" class="h-full rounded-xl object-contain " />
+	</div>
+	<div class="col-span-5 lg:pt-10 lg:pr-10">
+		<p class="text-6xl font-bold max-lg:text-center max-sm:text-4xl">{event.title}</p>
+
+		<br />
+		<div class="flex flex-col justify-center lg:justify-evenly gap-2 px-8 sm:flex-row sm:p-0 md:flex-row">
+			{#if event.venue}
+				<div class={`event-details-light event-details-dark backdrop-blur-[3px] flex ${event.entryFee ? 'basis-1/3' : 'basis-2/5'} flex-nowrap items-center justify-center gap-4 rounded-lg border-2 border-slate-500 p-2 py-4 text-xl font-semibold transition-all duration-500`}>
+					<MapPin class="dark:stroke-red-700 stroke-red-500" size="30" />
+					<p>{event.venue}</p>
+				</div>
+			{/if}
+
+			{#if event.entryFee}
+				<div class="event-details-light event-details-dark flex backdrop-blur-[3px] basis-1/3 flex-nowrap items-center justify-center gap-4 rounded-lg border-2 border-slate-500 p-2 py-4 text-xl font-semibold transition-all duration-500">
+					<Ticket class="dark:stroke-green-700 stroke-green-400" size="30" />
+					<p>{event.entryFee ? '₹' + event.entryFee : 'Free'} per head</p>
+				</div>
+			{/if}
+
+			{#if event.date}
+				<div class={`event-details-light event-details-dark backdrop-blur-[3px] flex ${event.entryFee ? 'basis-1/3' : 'basis-2/5'} flex-nowrap items-center justify-center gap-4 rounded-lg border-2 border-slate-500 p-2 py-4 text-xl font-semibold transition-all duration-500`}>
+					<CalendarCheck2 class="dark:stroke-blue-700 stroke-blue-500" size="30" />
+					<div>
+						<p>{formatDate(event.date)}</p>
+						<p>{event.time}</p>
+					</div>
+				</div>
+			{/if}
+		</div>
+
+		<br />
+
+		<div class="w-full p-4 lg:max-h-[25rem] lg:overflow-y-auto text-xl">
+			{@html marked(event.description)}
+		</div>
+		<br />
+		
+		{#if $page.data.event.registrationsAvailable === true}
+		<div class="lg:mt-10 flex justify-around">
+			{#if team && event.type === 'TEAM'}
+				<Dialog.Root>
+					<Dialog.Trigger>
+						<div class="rounded-xl bg-brand px-5 py-3 text-2xl text-white duration-200 hover:scale-110 max-sm:text-xl self-center">Team Details</div>
+					</Dialog.Trigger>
+					<Dialog.Content class="max-w-[80%]">
+						<div class={`h-5 w-5 ${team.isConfirmed ? 'bg-green-600' : 'bg-red-600'} absolute rounded-full top-4 left-4`}></div>
+						<Dialog.Title class="text-3xl text-center text-bold">Team Details</Dialog.Title>
+						<div class="lg:grid lg:grid-cols-9">
+							<div class="col-span-4 lg:border-r-4 sm:p-5 justify-evenly flex flex-col w-full">
+								<div class="w-full">
+									<p class="sm:text-2xl text-xl font-semibold">Team Name</p>
+									<p class="sm:text-2xl text-xl ">{team.name}</p>
+								</div>
+								<br />
+								<div class="w-full">
+									<p class="sm:text-2xl text-xl font-semibold">Team ID</p>
+									<div class="sm:text-2xl text-xl flex justify-between">
+										<p>{team.id}</p>
+										<button on:click={() => copyToClipboard(team.id)}
+											><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" class=" stroke-black"><path fill="white" d="M15.24 2h-3.894c-1.764 0-3.162 0-4.255.148c-1.126.152-2.037.472-2.755 1.193c-.719.721-1.038 1.636-1.189 2.766C3 7.205 3 8.608 3 10.379v5.838c0 1.508.92 2.8 2.227 3.342c-.067-.91-.067-2.185-.067-3.247v-5.01c0-1.281 0-2.386.118-3.27c.127-.948.413-1.856 1.147-2.593s1.639-1.024 2.583-1.152c.88-.118 1.98-.118 3.257-.118h3.07c1.276 0 2.374 0 3.255.118A3.6 3.6 0 0 0 15.24 2" /><path fill="white" d="M6.6 11.397c0-2.726 0-4.089.844-4.936c.843-.847 2.2-.847 4.916-.847h2.88c2.715 0 4.073 0 4.917.847S21 8.671 21 11.397v4.82c0 2.726 0 4.089-.843 4.936c-.844.847-2.202.847-4.917.847h-2.88c-2.715 0-4.073 0-4.916-.847c-.844-.847-.844-2.21-.844-4.936z" /></svg></button
+										>
+									</div>
+								</div>
+								<br />
+							</div>
+							<div class="col-span-5 sm:p-5 w-full">
+								<p class="sm:text-2xl text-xl font-semibold pb-5">Team Members</p>
+								<div class="grid grid-cols-5 pb-2">
+									<img src={teamMembers.find(member => member.id === leaderId)?.image} alt="profile-img" class="my-auto sm:h-12 h-9 sm:w-12 w-9 rounded-full col-span-1 justify-self-center" />
+									<p class="col-span-3 sm:text-xl text-lg self-center">{teamMembers.find(member => member.id === leaderId)?.displayName}</p>
+									<Crown class="stroke-yellow-500 self-center justify-self-center" size="40" />
+								</div>
+								{#each teamMembers as member}
+									{#if member.id !== leaderId}
+										<div class="grid grid-cols-5 pb-2 w-full">
+											<img src={member.image} alt="profile-img" class="my-auto sm:h-12 h-9 sm:w-12 w-9 rounded-full col-span-1 justify-self-center" />
+											<p class="col-span-3 sm:text-xl text-lg self-center">{member.displayName}</p>
+											{#if !team.isConfirmed && isLeader}
+												<Button class="bg-red-600 text-white sm:text-lg text-sm hover:text-black" on:click={() => deleteTeamMember('remove', member?.id)}>Remove</Button>
+											{/if}
+										</div>
+									{/if}
+								{/each}
+							</div>
+						</div>
+						{#if !team.isConfirmed && isLeader}
+							<div class="flex justify-evenly w-full py-5">
+								<Button class="bg-red-500 text-white sm:text-xl text-md sm:w-[20%] hover:text-black" on:click={() => deleteTeamMember('delete')}>Leave team</Button>
+								<Button class="bg-green-500 text-white sm:text-xl text-md sm:w-[20%] hover:text-black" on:click={() => confirmTeam()}>Confirm team</Button>
+							</div>
+						{/if}
+						{#if !team.isConfirmed && !isLeader}
+							<div class="flex justify-evenly w-full py-5">
+								<Button class="bg-red-500 text-white sm:text-lg text-sm sm:w-[20%] hover:text-black" on:click={() => deleteTeamMember('leave', userId)}>Leave team</Button>
+							</div>
+						{/if}
+					</Dialog.Content>
+				</Dialog.Root>
+			{:else if team && event.type === 'SOLO'}
+				<p class="text-center lg:text-2xl md:text-xl text-lg dark:text-green-400 text-green-600">You have already registered for the event</p>
+			{:else}
+				<button class="rounded-xl bg-brand px-5 py-3 text-2xl text-white duration-200 hover:scale-110 max-sm:text-xl" on:click={() => goto(`/events/upcoming/${event.id}/register`)}> Register Now </button>
+			{/if}
+		</div>
+		{/if}
+	</div>
+</div>
+
+<style>
+	.custom-padding {
+		@media (min-width: 1024px) and (max-width: 1350px) {
+			padding-top: 120px;
+			padding-bottom: 120px;
+			padding-left: 30px;
+			padding-right: 30px;
+		}
+	}
+
+	.event-details-light {
+		@apply bg-slate-200 bg-opacity-50;
+	}
+
+	.event-details-light:hover {
+		@apply bg-opacity-100 bg-slate-400 text-white scale-105;
+	}
+
+	.event-details-dark:is(.dark *) {
+		@apply bg-slate-700 bg-opacity-50;
+	}
+
+	.event-details-dark:hover:is(.dark *) {
+		@apply bg-slate-200 bg-opacity-100 text-black scale-105;
+	}
+</style>
diff --git a/src/routes/(navbar)/(spacetop)/events/[type]/[eventId]/register/+page.server.ts b/src/routes/(navbar)/(spacetop)/events/[type]/[eventId]/register/+page.server.ts
new file mode 100644
index 00000000..93d2e635
--- /dev/null
+++ b/src/routes/(navbar)/(spacetop)/events/[type]/[eventId]/register/+page.server.ts
@@ -0,0 +1,15 @@
+import { db } from '$lib/db/db';
+import { ServerLoad, redirect } from '@sveltejs/kit';
+
+export const load = (async ({params}) => {
+	const eventDetail = await db.event.findUnique({
+		where: { id: params.eventId },
+		include: { participants: true }
+	});
+
+	if (eventDetail?.registrationsAvailable === false) {
+		throw redirect(302, `/events/${params.type}/${params.eventId}`);
+	}
+
+	return { event: eventDetail };
+}) satisfies ServerLoad;
diff --git a/src/routes/(navbar)/(spacetop)/events/[type]/[eventId]/register/+page.svelte b/src/routes/(navbar)/(spacetop)/events/[type]/[eventId]/register/+page.svelte
new file mode 100644
index 00000000..309a6e3d
--- /dev/null
+++ b/src/routes/(navbar)/(spacetop)/events/[type]/[eventId]/register/+page.svelte
@@ -0,0 +1,415 @@
+<script lang="ts">
+	import { signIn } from '@auth/sveltekit/client';
+	import { setUser, user, userData, userProfileData } from '$lib/auth/stores';
+	import { exclaim, failure, success } from '$lib/components/Toast/toast';
+	import Label from '$lib/components/ui/label/label.svelte';
+	import Input from '$lib/components/ui/input/input.svelte';
+	import { onMount } from 'svelte';
+	import { goto } from '$app/navigation';
+	import QRCode from 'qrcode';
+	export let data: any;
+	import { page } from '$app/stores';
+	import { cn } from '$lib/utils';
+
+	import * as Command from '$lib/components/ui/command';
+	import * as Popover from '$lib/components/ui/popover';
+	import Button from '$lib/components/ui/button/button.svelte';
+	import ChevronsUpDown from 'lucide-svelte/icons/chevrons-up-down';
+
+	let userInfo: { name: string | null; phone: string | null; usn: string | null; team: string | null; teamName: string | null; teamId: string | null; transactionId: string | null } = { name: null, phone: null, usn: null, team: null, teamName: null, teamId: null, transactionId: null };
+	let teamDetails: { name: string; id: string } | null = null;
+	let username = '';
+	let qrCodeDataUrl = '';
+
+	const reUsername = /^(?=[a-z0-9._]{3,16}$)(?!.*[_.]{2})[^_.].*[^_.]$/;
+	const reName = /(^[a-zA-Z][a-zA-Z\s]{0,48}[a-zA-Z]$)/;
+	const reUSN = /^[A-Z0-9]*$/;
+	const rePhone = /^[0-9]{10}$/;
+	const reCUID = /^c[a-z0-9]{24}$/;
+	const reId = /^[a-zA-Z0-9]+$/;
+	
+	$: isValidPhone = userInfo.phone && userInfo.phone?.length === 10 && rePhone.test(userInfo.phone);
+	$: isTouchedPhone = userInfo.phone && userInfo.phone.length >= 1;
+	
+	$: isValidName = userInfo.name && userInfo.name?.length > 4 && userInfo.name.length < 48 && reName.test(userInfo.name);
+	$: isTouchedName = userInfo.name && userInfo.name.length >= 1;
+	
+	$: isValidTeamName = userInfo.teamName && userInfo.teamName?.length > 4 && userInfo.teamName.length < 48 && reName.test(userInfo.teamName);
+	$: isTouchedTeamName = userInfo.teamName && userInfo.teamName.length >= 1;
+	
+	$: isValidUSN = userInfo.usn && userInfo.usn?.length > 1 && userInfo.usn.length < 15 && reUSN.test(userInfo.usn);
+	$: isTouchedUSN = userInfo.usn && userInfo.usn.length >= 1;
+	
+	$: isValidTeamId = userInfo.teamId && reCUID.test(userInfo.teamId);
+	$: isTouchedTeamId = userInfo.teamId && userInfo.teamId.length >= 1;
+
+	$: isValidTransactionId = userInfo.transactionId && userInfo.transactionId.length >= 1 && reId.test(userInfo.transactionId);
+	$: isTouchedTransactionId = userInfo.transactionId && userInfo.transactionId.length >= 1;
+
+	$: isValidUsername = username?.length > 2 && username.length < 16 && reUsername.test(username);
+	$: isTouchedUsername = username.length >= 1;
+	$: isTakenUsername = isValidUsername && !isAvailable && !loading;
+
+	// Reactive block to handle disabling button logic
+	$: disabled = true;
+
+	$:{
+		console.log($userData);
+		
+	}
+
+	$:{
+		const isFieldsPresent = (userInfo.name?.length ?? 0) > 0 && (userInfo.phone?.length ?? 0) > 0 && (userInfo.usn?.length ?? 0) > 0 && (username.length ?? 0) > 0;
+		let isValidTeam = true;
+		if(data.event.type === "TEAM"){
+			if(userInfo.team === 'create'){
+				isValidTeam = (userInfo.teamName?.length ?? 0) > 0 && isValidTeamName as boolean && (userInfo.transactionId?.length ?? 0) > 0 && isValidTransactionId as boolean;
+			}else{
+				isValidTeam = (userInfo.teamId?.length ?? 0) > 0 && isValidTeamId as boolean;
+			}
+		}
+		disabled =  !isFieldsPresent || !isValidTeam || isTakenUsername;
+	}
+	
+	let loading = false;
+	let isAvailable = false;
+	let debounceTimer: NodeJS.Timeout;
+
+	async function checkAvailability() {
+		isAvailable = false;
+		clearTimeout(debounceTimer);
+
+		loading = true;
+
+		if (!isTouchedUsername || !isValidUsername) {
+			return;
+		}
+
+		// We are resetting the setTimeout using debounce such that this function only executes
+		// when the user has stopped typing for a certain amount of time (500ms)
+		// ps. this is to prevent unnecessary document reads in FireStore
+		// without it, the function would run on every keypress
+		debounceTimer = setTimeout(async () => {
+			console.log('checking availability of', username);
+
+			// const exists = await getDoc(ref).then((doc) => doc.exists());
+			// Migration to AuthJS and Prisma
+			const response = await fetch(`/api/username?name=${username}`, {
+				method: 'GET',
+				headers: {
+					'Content-Type': 'application/json'
+				}
+			});
+			const data = await response.json();
+
+			isAvailable = !data.isExists;
+			loading = false;
+		}, 500);
+	}
+
+	onMount(async () => {
+		if (!$user) {
+			await signIn('google');
+			setUser({ session: data.session, links: data.links });
+		} else {
+			userInfo = { name: $user.displayName, phone: $user.phone, usn: $user.usn, team: '', teamName: '', teamId: '', transactionId: '' };
+		}
+		checkRegistration();
+
+		if ($page.data.event.qr) {
+			qrCodeDataUrl = await QRCode.toDataURL($page.data.event.qr);
+		}
+	});
+
+	const checkRegistration = async () => {
+		if ($user) {
+			const response = await fetch(`/api/eventRegistration?eventId=${data.event.id}&studentId=${$user.id}`, {
+				method: 'GET',
+				headers: {
+					'Content-Type': 'application/json'
+				}
+			});
+
+			const res = await response.json();
+			if (res.isExists) {
+				exclaim('You have already registered for the event');
+				setTimeout(() => goto('/events/upcoming'), 3000);
+			}
+		}
+	};
+
+	async function createAccount() {
+		if (isValidName && isValidUSN && isValidUsername && isValidPhone) {
+			const response = await fetch(`/api/username?id=${$user?.id}`, {
+				method: 'POST',
+				headers: {
+					'Content-Type': 'application/json'
+				},
+				body: JSON.stringify({
+					displayName: userInfo.name,
+					usn: userInfo.usn,
+					username: username,
+					phone: userInfo.phone
+				})
+			});
+			const data = await response.json();
+
+			user.set(data.user);
+
+			success('Account created successfully');
+		} else {
+			exclaim('Please enter valid details');
+		}
+	}
+
+	const registerForEvent = async () => {
+		if ($userData === null && userInfo.name && userInfo.phone && userInfo.usn) {
+			await createAccount();
+		}
+
+		disabled = true;
+		if ($user) {
+			const response = await fetch('/api/eventRegistration', {
+				method: 'POST',
+				headers: {
+					'Content-Type': 'application/json'
+				},
+				body: JSON.stringify({
+					eventId: data.event.id,
+					userCreate: $user.displayName && $user.phone && $user.usn ? false : true,
+					userId: $user.id,
+					userName: userInfo.name,
+					userPhone: userInfo.phone,
+					userUsn: userInfo.usn,
+					userUsername: $user.email.split('@')[0],
+					team: userInfo.team,
+					teamName: userInfo.teamName,
+					teamId: userInfo.teamId,
+					maxTeamSize: data.event.maxTeamSize,
+					transactionId: userInfo.transactionId
+				})
+			});
+
+			const res = await response.json();
+			if (res.created) {
+				success('Team created successfully');
+				if (userInfo.teamName) teamDetails = { name: userInfo.teamName, id: res.team.id };
+				setTimeout(() => {
+					goto('/events/upcoming/' + data.event.id);
+
+					// disabled = false;
+				}, 3000);
+			} else if (res.joined) {
+				success(`Joined team ${res.team.name} successfully`);
+				setTimeout(() => {
+					goto('/events/upcoming');
+
+					// disabled = false;
+				}, 3000);
+			} else if (res.success) {
+				success(`Registered for ${data.event.title} successfully`);
+				setTimeout(() => {
+					goto('/events/upcoming');
+
+					// disabled = false;
+				}, 3000);
+			} else {
+				exclaim(res.error);
+				failure('Failed to register for the event');
+				setTimeout(() => {
+					goto('/events/upcoming');
+
+					// disabled = false;
+				}, 3000);
+			}
+
+			if (res.userCreate) setTimeout(() => user.set({ ...$user, displayName: userInfo.name, phone: userInfo.phone, usn: userInfo.usn, username: $user.email.split('@')[0] }), 3000);
+		}
+	};
+
+	// Clipboard action
+	const copyToClipboard = () => {
+		if (teamDetails) {
+			navigator.clipboard
+				.writeText(teamDetails.id)
+				.then(() => {
+					exclaim('Team ID copied to clipboard');
+					goto('/events/upcoming');
+				})
+				.catch(() => {
+					failure('Failed to copy Team ID to clipboard');
+				});
+		}
+	};
+
+
+	// team select
+	let open = false;
+	let value = '';
+
+	const options = [
+		{
+			value: 'create',
+			label: 'Create Team'
+		},
+		{
+			value: 'join',
+			label: 'Join Team'
+		}
+	];
+
+	$: selectedValue = options.find((f) => f.value === value)?.label ?? 'Select an option';
+	$: {
+		userInfo.team = options.find((f) => f.value === value)?.value ?? '';
+	}
+</script>
+
+<!-- HTML template -->
+<div class={`p-10 ${$page.data.session === null ? 'hidden' : 'block'}`}>
+	<h1 class="mb-5 text-center text-4xl font-bold">{data.event.title}</h1>
+	<div class="m-auto flex w-auto min-w-[250px] flex-col rounded-3xl border p-5 backdrop-blur-md dark:bg-transparent sm:min-w-[400px] md:min-w-[500px] md:max-w-[600px]">
+		<Label for="name" class="text-xl">Name</Label>
+		<Input type="text" name="name" placeholder="Name..." bind:value={userInfo.name} class={` ${!isValidName && isTouchedName ? 'bg-red-200 dark:bg-red-900' : ''}`} required />
+		{#if isTouchedName && !isValidName}
+			<div>
+				<p>The name you have entered is invalid.</p>
+				<p class="text-sm text-muted-foreground">Your name must begin with a Capital letter and shouldn't begin or end with a space.</p>
+			</div>
+		{/if}
+		<br />
+		<Label for="phone" class="text-xl">Phone number</Label>
+
+		<Input type="text" name="phone" placeholder="Phone Number..." bind:value={userInfo.phone} class={!isValidPhone && isTouchedPhone ? 'bg-red-200 dark:bg-red-900' : ''} required />
+		{#if isTouchedPhone && !isValidPhone}
+			<div>
+				<p>Write your number as 10 digits with no other characters</p>
+			</div>
+		{/if}
+		<br />
+
+		<!-- add username if new user -->
+		{#if $userData === null || $userData?.username === null}
+			<div class="mb-5">
+				<Label for="username" class="text-xl">Username</Label>
+				<Input type="text" class="{!isValidUsername && isTouchedUsername ? 'bg-red-200 dark:bg-red-900' : ''} {isTakenUsername ? 'bg-yellow-200 dark:bg-yellow-700' : ''} {isAvailable && isValidUsername && !loading ? 'bg-green-300 dark:bg-green-800' : ''}" id="username" placeholder="Enter a username" bind:value={username} on:input={checkAvailability} required />
+				<p class="mt-1 text-sm text-muted-foreground">Your username is public and is used to access your profile page.</p>
+
+				{#if isTouchedUsername}
+					<div class="mt-4">
+						{#if loading}
+							<p>Checking availability of @{username}...</p>
+						{/if}
+
+						{#if !isValidUsername && isTouchedUsername}
+							<p class="mt-1 text-sm text-muted-foreground">Username must be 3-16 characters long and alphanumeric (small letters only)</p>
+						{/if}
+
+						{#if isValidUsername && !isAvailable && !loading}
+							<p>
+								@{username} is not available
+							</p>
+						{/if}
+
+						{#if isValidUsername && isAvailable}
+							<p class="text-green-500">@{username} is available</p>
+						{/if}
+					</div>
+				{/if}
+			</div>
+		{/if}
+
+		<Label for="usn" class="text-xl">USN</Label>
+		<Input type="text" name="usn" placeholder="USN..." bind:value={userInfo.usn} class={!isValidUSN && isTouchedUSN ? 'bg-red-200 dark:bg-red-900' : ''} required />
+		{#if isTouchedUSN && !isValidUSN}
+			<div class="mb-2">
+				<p>USN should contain only numbers and CAPITAL letters.</p>
+				<p class="text-sm text-muted-foreground">USN must be 2-14 characters long and alphanumeric (CAPITAL letters only)</p>
+			</div>
+		{/if}
+		{#if data.event.type === 'TEAM'}
+			<br />
+			<label for="team" class="text-xl">Create or join a team</label>
+			<Popover.Root bind:open>
+				<Popover.Trigger asChild let:builder>
+					<Button builders={[builder]} variant="outline" role="combobox" aria-expanded={open} class="w-[200px] justify-between hover:bg-brand">
+						{selectedValue}
+						<ChevronsUpDown class="ml-2 h-4 w-4 shrink-0 opacity-50" />
+					</Button>
+				</Popover.Trigger>
+				<Popover.Content class="w-[200px] p-0">
+					<Command.Root>
+						<Command.Group>
+							{#each options as option}
+								<Command.Item
+									class="aria-selected:bg-brand hover:aria-selected:bg-brand"
+									value={option.value}
+									onSelect={(currentValue) => {
+										value = currentValue;
+										open = false;
+									}}
+								>
+									<!-- <Check class={cn('mr-2 h-4 w-4', value !== framework.value && 'text-transparent')} /> -->
+									{option.label}
+								</Command.Item>
+							{/each}
+						</Command.Group>
+					</Command.Root>
+				</Popover.Content>
+			</Popover.Root>
+
+			{#if userInfo.team === 'create'}
+				<br />
+				<label for="teamName" class="text-xl">Team Name</label>
+				<Input type="text" name="teamName" placeholder="Team Name..." bind:value={userInfo.teamName} class={`dark:bg-tranparent bg-white text-black dark:bg-opacity-0 dark:text-white ${!isValidTeamName && isTouchedTeamName ? 'bg-red-200 dark:bg-red-900' : ''}`} required />
+				{#if isTouchedTeamName && !isValidTeamName}
+					<div>
+						<p>The team name you have entered is invalid.</p>
+						<p class="text-sm text-muted-foreground">Your team name must begin with a Capital letter, must contain atleast 5 characters and shouldn't begin or end with a space.</p>
+					</div>
+				{/if}
+				{#if $page.data.event.entryFee}
+					<div class="h-50 w-50 mx-auto my-5">
+						<p class="text-center text-xl">Scan and pay the entry fee</p>
+						<br />
+						<div class="m-auto w-fit">
+							<img src={qrCodeDataUrl} alt="QR Code" />
+						</div>
+						<br />
+						<label for="transactionId">UPI Transaction ID</label>
+						<Input type="text" name="transactionId" placeholder="UPI Transaction Id" bind:value={userInfo.transactionId} class={cn(`${!isValidTransactionId && isTouchedTransactionId ? 'bg-red-200 dark:bg-red-900' : ''}`, '')} required />
+					</div>
+				{/if}
+			{:else if userInfo.team === 'join'}
+				<br />
+				<label for="teamId" class="text-xl">Team ID</label>
+				<Input type="text" name="teamId" placeholder="Team ID..." bind:value={userInfo.teamId} class={!isValidTeamId && isTouchedTeamId ? 'bg-red-200 dark:bg-red-900' : ''} required />
+				{#if isTouchedTeamId && !isValidTeamId}
+					<div class="mb-2">
+						<p>Team ID should start with a lowercase 'c' and contain only lowercase letters and numbers.</p>
+						<p class="text-sm text-muted-foreground">Team ID must be exactly 25 characters long, starting with 'c'.</p>
+					</div>
+				{/if}
+			{/if}
+
+			{#if teamDetails}
+				<br />
+				<p class="text-xl">Team Name: {teamDetails.name}</p>
+				<div class="flex flex-row flex-nowrap">
+					<p class="text-nowrap text-xl">Team ID:</p>
+					<Input type="text" readonly value={teamDetails.id} />
+					<button on:click={copyToClipboard} class="ml-2"
+						><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="white" d="M15.24 2h-3.894c-1.764 0-3.162 0-4.255.148c-1.126.152-2.037.472-2.755 1.193c-.719.721-1.038 1.636-1.189 2.766C3 7.205 3 8.608 3 10.379v5.838c0 1.508.92 2.8 2.227 3.342c-.067-.91-.067-2.185-.067-3.247v-5.01c0-1.281 0-2.386.118-3.27c.127-.948.413-1.856 1.147-2.593s1.639-1.024 2.583-1.152c.88-.118 1.98-.118 3.257-.118h3.07c1.276 0 2.374 0 3.255.118A3.6 3.6 0 0 0 15.24 2" /><path fill="white" d="M6.6 11.397c0-2.726 0-4.089.844-4.936c.843-.847 2.2-.847 4.916-.847h2.88c2.715 0 4.073 0 4.917.847S21 8.671 21 11.397v4.82c0 2.726 0 4.089-.843 4.936c-.844.847-2.202.847-4.917.847h-2.88c-2.715 0-4.073 0-4.916-.847c-.844-.847-.844-2.21-.844-4.936z" /></svg></button
+					>
+					<!-- <button on:click={copyToClipboard} class=" ml-2 rounded-md bg-[rgb(240,240,240)] p-2 font-bold text-black">Copy</button> -->
+				</div>
+				<p>Ask your friends to join your team using this team id</p>
+			{/if}
+		{/if}
+
+		{#if $user && !$userData}
+			<p class="mt-4 p-2"><span class="text-lg font-bold">Note:</span> You didn't create an account yet. Changes made here will reflect in your profile</p>
+		{/if}
+
+		<Button disabled={disabled} on:click={registerForEvent} class={`m-auto mt-5 max-w-[100px] rounded-sm text-white bg-brand px-5 py-2 disabled:bg-[rgb(234,172,255)] ${disabled ? 'disabled:' : ''}`}>Register</Button>
+	</div>
+</div>
diff --git a/src/routes/(navbar)/(spacetop)/events/register/[eventId]/+page.server.ts b/src/routes/(navbar)/(spacetop)/events/register/[eventId]/+page.server.ts
deleted file mode 100644
index a9afb92c..00000000
--- a/src/routes/(navbar)/(spacetop)/events/register/[eventId]/+page.server.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { db } from "$lib/db/db";
-import { ServerLoad } from "@sveltejs/kit";
-import { user } from "$lib/auth/stores";
-
-export const load = (async ({ params }) => {
-    if(!user) {
-        return { redirect: '/events/upcoming' };
-    }
-
-    const event = await db.event.findUnique({
-        where: { id: params.eventId },
-        include: { participants: true }
-    })
-
-    return { event: event };
-}) satisfies ServerLoad;
\ No newline at end of file
diff --git a/src/routes/(navbar)/(spacetop)/events/register/[eventId]/+page.svelte b/src/routes/(navbar)/(spacetop)/events/register/[eventId]/+page.svelte
deleted file mode 100644
index 3a3e8eff..00000000
--- a/src/routes/(navbar)/(spacetop)/events/register/[eventId]/+page.svelte
+++ /dev/null
@@ -1,224 +0,0 @@
-<script lang="ts">
-	import { signIn } from '@auth/sveltekit/client';
-	import { setUser, user, userProfileData } from '$lib/auth/stores';
-	import { exclaim, failure, success } from '$lib/components/Toast/toast';
-	import Label from '$lib/components/ui/label/label.svelte';
-	import Input from '$lib/components/ui/input/input.svelte';
-	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
-	export let data: any;
-
-	let userInfo: { name: string | null; phone: string | null; usn: string | null; team: string | null; teamName: string | null; teamId: string | null } = { name: null, phone: null, usn: null, team: null, teamName: null, teamId: null };
-	let teamDetails: { name: string; id: string } | null = null;
-	let disabled: boolean = true;
-
-	const reName = /(^[a-zA-Z][a-zA-Z\s]{0,48}[a-zA-Z]$)/;
-	const reUSN = /^[A-Z0-9]*$/;
-	const rePhone = /^[0-9]{10}$/;
-	const reCUID = /^c[a-z0-9]{24}$/;
-
-	$: isValidPhone = userInfo.phone && userInfo.phone?.length === 10 && rePhone.test(userInfo.phone);
-	$: isTouchedPhone = userInfo.phone && userInfo.phone.length >= 1;
-
-	$: isValidName = userInfo.name && userInfo.name?.length > 4 && userInfo.name.length < 48 && reName.test(userInfo.name);
-	$: isTouchedName = userInfo.name && userInfo.name.length >= 1;
-
-	$: isValidTeamName = userInfo.teamName && userInfo.teamName?.length > 4 && userInfo.teamName.length < 48 && reName.test(userInfo.teamName);
-	$: isTouchedTeamName = userInfo.teamName && userInfo.teamName.length >= 1;
-
-	$: isValidUSN = userInfo.usn && userInfo.usn?.length > 1 && userInfo.usn.length < 15 && reUSN.test(userInfo.usn);
-	$: isTouchedUSN = userInfo.usn && userInfo.usn.length >= 1;
-
-	$: isValidTeamId = userInfo.teamId && reCUID.test(userInfo.teamId);
-	$: isTouchedTeamId = userInfo.teamId && userInfo.teamId.length >= 1;
-
-	onMount(async () => {
-		if (!$user) {
-			await signIn('google');
-			setUser({ session: data.session, links: data.links });
-		} else {
-			userInfo = { name: $user.displayName, phone: $user.phone, usn: $user.usn, team: '', teamName: '', teamId: '' };
-		}
-		checkRegistration();
-	});
-
-	const checkRegistration = async () => {
-		if ($user) {
-			const response = await fetch(`/api/eventRegistration?eventId=${data.event.id}&studentId=${$user.id}`, {
-				method: 'GET',
-				headers: {
-					'Content-Type': 'application/json'
-				}
-			});
-
-			const res = await response.json();
-			if (res.isExists) {
-				exclaim('You have already registered for the event');
-				setTimeout(() => goto('/events/upcoming'), 3000);
-			}
-		}
-	};
-
-	const registerForEvent = async () => {
-		disabled = true;
-		if ($user) {
-			const response = await fetch('/api/eventRegistration', {
-				method: 'POST',
-				headers: {
-					'Content-Type': 'application/json'
-				},
-				body: JSON.stringify({
-					eventId: data.event.id,
-					userCreate: $user.displayName && $user.phone && $user.usn ? false : true,
-					userId: $user.id,
-					userName: userInfo.name,
-					userPhone: userInfo.phone,
-					userUsn: userInfo.usn,
-					userUsername: $user.email.split('@')[0],
-					team: userInfo.team,
-					teamName: userInfo.teamName,
-					teamId: userInfo.teamId,
-					maxTeamSize: data.event.maxTeamSize
-				})
-			});
-
-			const res = await response.json();
-			if (res.created) {
-				success('Team created successfully');
-				if (userInfo.teamName) teamDetails = { name: userInfo.teamName, id: res.team.id };
-			} else if (res.joined) {
-				success(`Joined team ${res.team.name} successfully`);
-				setTimeout(() => {
-					goto('/events/upcoming');
-
-					// disabled = false;
-				}, 3000);
-			} else if (res.success) {
-				success(`Registered for ${data.event.title} successfully`);
-				setTimeout(() => {
-					goto('/events/upcoming');
-
-					// disabled = false;
-				}, 3000);
-			} else {
-				exclaim(res.error);
-				failure('Failed to register for the event');
-				setTimeout(() => {
-					goto('/events/upcoming');
-
-					// disabled = false;
-				}, 3000);
-			}
-
-			if (res.userCreate) setTimeout(() => user.set({ ...$user, displayName: userInfo.name, phone: userInfo.phone, usn: userInfo.usn, username: $user.email.split('@')[0] }), 3000);
-		}
-	};
-
-	// Clipboard action
-	const copyToClipboard = () => {
-		if (teamDetails) {
-			navigator.clipboard
-				.writeText(teamDetails.id)
-				.then(() => {
-					exclaim('Team ID copied to clipboard');
-					goto('/events/upcoming');
-				})
-				.catch(() => {
-					failure('Failed to copy Team ID to clipboard');
-				});
-		}
-	};
-
-	// Reactive block to handle disabling button logic
-	$: disabled = !(userInfo.name && userInfo.phone && userInfo.usn) || (data.event.type === 'TEAM' && ((userInfo.team === 'create' && !userInfo.teamName) || (userInfo.team === 'join' && !userInfo.teamId) || !userInfo.team));
-</script>
-
-<!-- HTML template -->
-<div class="p-10">
-	<h1 class="mb-5 text-center text-4xl font-bold">{data.event.title}</h1>
-	<div class="m-auto flex min-w-[250px] w-auto flex-col rounded-3xl border p-5 backdrop-blur-md dark:bg-transparent sm:min-w-[400px] md:min-w-[500px] md:max-w-[600px]">
-		<Label for="name" class="text-xl">Name</Label>
-		{#if $userProfileData?.displayName}
-			<p class="rounded-md bg-muted px-3 py-2 text-sm text-white">{$userProfileData?.displayName}</p>
-		{:else}
-			<Input type="text" name="name" placeholder="Name..." bind:value={userInfo.name} class={` ${!isValidName && isTouchedName ? 'bg-red-200 dark:bg-red-900' : ''}`} required />
-			{#if isTouchedName && !isValidName}
-				<div>
-					<p>The name you have entered is invalid.</p>
-					<p class="text-sm text-muted-foreground">Your name must begin with a Capital letter and shouldn't begin or end with a space.</p>
-				</div>
-			{/if}
-		{/if}
-		<br />
-		<Label for="phone" class="text-xl">Phone number</Label>
-		{#if $userProfileData?.phone}
-			<p class="rounded-md bg-muted px-3 py-2 text-sm text-white">{$userProfileData?.phone}</p>
-		{:else}
-			<Input type="text" name="phone" placeholder="Phone Number..." bind:value={userInfo.phone} class={!isValidPhone && isTouchedPhone ? 'bg-red-200 dark:bg-red-900' : ''} required />
-			{#if isTouchedPhone && !isValidPhone}
-				<div>
-					<p>Write your number as 10 digits with no other characters</p>
-				</div>
-			{/if}
-		{/if}
-		<br />
-		<Label for="usn" class="text-xl">USN</Label>
-		{#if $userProfileData?.usn}
-			<p class="rounded-md bg-muted px-3 py-2 text-sm text-white">{$userProfileData.usn}</p>
-		{:else}
-			<Input type="text" name="usn" placeholder="USN..." bind:value={userInfo.usn} class={!isValidUSN && isTouchedUSN ? 'bg-red-200 dark:bg-red-900' : ''} required />
-			{#if isTouchedUSN && !isValidUSN}
-				<div class="mb-2">
-					<p>USN should contain only numbers and CAPITAL letters.</p>
-					<p class="text-sm text-muted-foreground">USN must be 2-14 characters long and alphanumeric (CAPITAL letters only)</p>
-				</div>
-			{/if}
-		{/if}
-
-		{#if data.event.type === 'TEAM'}
-			<br />
-			<label for="team" class="text-xl">Create or join a team</label>
-			<select name="team" bind:value={userInfo.team} class="w-fit rounded-lg border p-2 dark:bg-transparent dark:text-white">
-				<option value="" disabled class="text-black">Choose an option</option>
-				<option value="create" class="text-black">Create Team</option>
-				<option value="join" class="text-black">Join Team</option>
-			</select>
-
-			{#if userInfo.team === 'create'}
-				<br />
-				<label for="teamName" class="text-xl">Team Name</label>
-				<Input type="text" name="teamName" placeholder="Team Name..." bind:value={userInfo.teamName} class={`dark:bg-tranparent bg-white text-black dark:bg-opacity-0 dark:text-white ${!isValidTeamName && isTouchedTeamName ? 'bg-red-200 dark:bg-red-900' : ''}`} required />
-				{#if isTouchedTeamName && !isValidTeamName}
-					<div>
-						<p>The team name you have entered is invalid.</p>
-						<p class="text-sm text-muted-foreground">Your team name must begin with a Capital letter, must contain atleast 5 characters and shouldn't begin or end with a space.</p>
-					</div>
-				{/if}
-			{:else if userInfo.team === 'join'}
-				<br />
-				<label for="teamId" class="text-xl">Team ID</label>
-				<Input type="text" name="teamId" placeholder="Team ID..." bind:value={userInfo.teamId} class={!isValidTeamId && isTouchedTeamId ? 'bg-red-200 dark:bg-red-900' : ''} required />
-				{#if isTouchedTeamId && !isValidTeamId}
-					<div class="mb-2">
-						<p>Team ID should start with a lowercase 'c' and contain only lowercase letters and numbers.</p>
-						<p class="text-sm text-muted-foreground">Team ID must be exactly 25 characters long, starting with 'c'.</p>
-					</div>
-				{/if}
-			{/if}
-
-			{#if teamDetails}
-				<br />
-				<p class="text-xl">Team Name: {teamDetails.name}</p>
-				<div class="flex flex-row flex-nowrap">
-					<p class="text-nowrap text-xl">Team ID:</p>
-					<Input type="text" readonly value={teamDetails.id} />
-					<button on:click={copyToClipboard} class="ml-2"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="white" d="M15.24 2h-3.894c-1.764 0-3.162 0-4.255.148c-1.126.152-2.037.472-2.755 1.193c-.719.721-1.038 1.636-1.189 2.766C3 7.205 3 8.608 3 10.379v5.838c0 1.508.92 2.8 2.227 3.342c-.067-.91-.067-2.185-.067-3.247v-5.01c0-1.281 0-2.386.118-3.27c.127-.948.413-1.856 1.147-2.593s1.639-1.024 2.583-1.152c.88-.118 1.98-.118 3.257-.118h3.07c1.276 0 2.374 0 3.255.118A3.6 3.6 0 0 0 15.24 2" /><path fill="white" d="M6.6 11.397c0-2.726 0-4.089.844-4.936c.843-.847 2.2-.847 4.916-.847h2.88c2.715 0 4.073 0 4.917.847S21 8.671 21 11.397v4.82c0 2.726 0 4.089-.843 4.936c-.844.847-2.202.847-4.917.847h-2.88c-2.715 0-4.073 0-4.916-.847c-.844-.847-.844-2.21-.844-4.936z" /></svg></button>
-					<!-- <button on:click={copyToClipboard} class=" ml-2 rounded-md bg-[rgb(240,240,240)] p-2 font-bold text-black">Copy</button> -->
-				</div>
-				<p>Ask your friends to join your team using this team id</p>
-			{/if}
-		{/if}
-
-		<button {disabled} on:click={registerForEvent} class={`m-auto mt-5 max-w-[100px] rounded-sm bg-[rgb(207,85,247)] px-5 py-2 disabled:bg-[rgb(234,172,255)] ${disabled ? 'disabled:' : ''}`}>Register</button>
-	</div>
-</div>
diff --git a/src/routes/(navbar)/+layout.svelte b/src/routes/(navbar)/+layout.svelte
index c462f34c..789c110d 100644
--- a/src/routes/(navbar)/+layout.svelte
+++ b/src/routes/(navbar)/+layout.svelte
@@ -9,3 +9,19 @@
 <Vectorall />
 <slot />
 <Footer />
+
+<svelte:head>
+	<style>
+		::-webkit-scrollbar {
+			width: 8px;
+		}
+		::-webkit-scrollbar-thumb {
+			background-color: #4b5563;
+			border-radius: 10px;
+		}
+
+		::-webkit-scrollbar-thumb:hover {
+			@apply cursor-pointer
+		}
+	</style>
+</svelte:head>
diff --git a/src/routes/[username]/+page.server.ts b/src/routes/[username]/+page.server.ts
index 931dc25b..0e6981be 100644
--- a/src/routes/[username]/+page.server.ts
+++ b/src/routes/[username]/+page.server.ts
@@ -7,6 +7,8 @@ import { db } from '$lib/db/db';
 import type { User } from '@prisma/client';
 import type { PageServerLoad } from './$types';
 
+export const ssr = true;
+
 export const load = (async ({ params }) => {
 	// update the datamodel to include username in the profile collection
 	// currently you're querying firebase user collection to get the id
diff --git a/src/routes/admin/+layout.server.ts b/src/routes/admin/+layout.server.ts
new file mode 100644
index 00000000..2596281e
--- /dev/null
+++ b/src/routes/admin/+layout.server.ts
@@ -0,0 +1,10 @@
+import { redirect } from '@sveltejs/kit';
+
+export async function load(event) {
+	const session = await event.locals.auth();
+    const isAdmin = session?.user?.role === "ADMIN";
+    
+    if(!isAdmin) {
+        throw redirect(302,"/")
+    }
+}
diff --git a/src/routes/admin/+layout.svelte b/src/routes/admin/+layout.svelte
new file mode 100644
index 00000000..cd92b4e9
--- /dev/null
+++ b/src/routes/admin/+layout.svelte
@@ -0,0 +1,65 @@
+<script lang="ts">
+	import ThemeToggle from '$lib/components/HeaderFooter/ThemeToggle.svelte';
+	import Separator from '$lib/components/ui/separator/separator.svelte';
+	import { page } from '$app/stores';
+	import { goto } from '$app/navigation';
+
+	function getHeading() {
+		const segments = $page.url.pathname.split('/').filter(Boolean);
+		if (segments.length > 0) {
+			const name = adminItems.find((item) => item.link === '/' + segments[1])?.name;
+			return name;
+		}
+		return 'Dashboard';
+	}
+
+	let adminItems = [
+		{
+			name: 'Events',
+			link: '/events'
+		},
+		{
+			name: 'Users',
+			link: '/users'
+		}
+	];
+</script>
+
+<section class="flex flex-row">
+	<div class="h-screen w-72 overflow-y-auto border-r-2 border-slate-400 dark:border-slate-700">
+		<a href={'/admin'} class="block w-full p-4 text-center hover:bg-slate-300 dark:hover:bg-slate-700">Dashboard</a>
+		<Separator />
+
+		{#each adminItems as item}
+			<a href={'/admin' + item.link} class="block w-full p-4 text-center hover:bg-slate-300 dark:hover:bg-slate-700">{item.name}</a>
+		{/each}
+
+		<Separator />
+		<div class="flex w-full justify-center p-2">
+			<ThemeToggle />
+		</div>
+		<Separator />
+	</div>
+	<div class="w-full p-4">
+		{#if !$page.url.pathname.endsWith('admin')}
+			<div class="flex flex-row border-b-2 pb-4">
+				<button
+					on:click={() => {
+						const segments = $page.url.pathname.split('/').filter(Boolean);
+						segments.pop();
+						const newPath = '/' + segments.join('/');
+						goto(newPath);
+					}}
+				>
+					<svg class="size-10" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="white" d="M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64" /><path fill="white" d="m237.248 512l265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312z" /></svg>
+				</button>
+				<div class="flex h-full w-full justify-center text-2xl font-semibold">
+					<header>{getHeading()}</header>
+				</div>
+			</div>
+		{/if}
+		<div class="w-full h-[88vh]">
+			<slot />
+		</div>
+	</div>
+</section>
diff --git a/src/routes/admin/+page.svelte b/src/routes/admin/+page.svelte
index e7fc4e2a..d37828df 100644
--- a/src/routes/admin/+page.svelte
+++ b/src/routes/admin/+page.svelte
@@ -1,9 +1,11 @@
-<script>
-	import MainButton from '$lib/components/Hackathon/MainButton.svelte';
+<script lang="ts">
+	import { userProfileData } from '$lib/auth/stores';
 </script>
 
-<div class="flex h-screen w-full flex-col items-center justify-center gap-x-10 gap-y-10 md:flex-row">
-	<a href="admin/snh2023scan"><MainButton>Scan</MainButton></a>
-	<a href="admin/snh2023final"><MainButton>SNH2023Final</MainButton></a>
-	<a href="admin/snh2023"><MainButton>SNH2023</MainButton></a>
+<div class="flex h-full w-full justify-center items-center">
+	<div class="flex flex-col items-center">
+		<h1 class="text-3xl font-bold mb-4">Welcome {$userProfileData?.displayName}</h1>
+        <p>This is Admin Dashboard</p>
+        <a class="text-blue-600 underline" href="/">Go to Home</a>
+	</div>
 </div>
diff --git a/src/routes/admin/events/+page.server.ts b/src/routes/admin/events/+page.server.ts
new file mode 100644
index 00000000..952079bd
--- /dev/null
+++ b/src/routes/admin/events/+page.server.ts
@@ -0,0 +1,11 @@
+import { db } from "$lib/db/db";
+
+export async function load(){
+    const events = await db.event.findMany();
+
+    return {
+        adminData: {
+            events: events
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/routes/admin/events/+page.svelte b/src/routes/admin/events/+page.svelte
new file mode 100644
index 00000000..acbbc3fa
--- /dev/null
+++ b/src/routes/admin/events/+page.svelte
@@ -0,0 +1,59 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import * as Table from '$lib/components/ui/table';
+	import { downloadData } from '../utils.js';
+	import { Download } from 'lucide-svelte';
+
+	export let data;
+
+	const events = data.adminData.events;
+
+	const columns = ['title', 'date', 'reportLink', 'venue', 'category', 'type', 'published'];
+</script>
+
+<button
+	class="mt-4 flex flex-row flex-nowrap items-center gap-2 rounded-md border-2 bg-slate-300 p-2 dark:bg-slate-800"
+	on:click={() => {
+		if (events) {
+			downloadData(events, columns, 'events');
+		}
+	}}><Download />Download Data</button
+>
+
+<div class="h-[80vh] overflow-auto">
+	<Table.Root>
+		<Table.Caption>List of all Events</Table.Caption>
+		<Table.Header>
+			<Table.Row>
+				{#each columns as column}
+					<Table.Head>{column}</Table.Head>
+				{/each}
+			</Table.Row>
+		</Table.Header>
+		<Table.Body>
+			{#each events as event}
+				<Table.Row>
+					{#each columns as column}
+						<!-- ts-ignore-next-line -->
+						{#if column === 'reportLink'}
+							<Table.Cell>
+								<a href={event[column]} target="_blank" rel="noopener noreferrer" class="text-blue-500 underline">Report</a>
+							</Table.Cell>
+						{:else if column === 'title'}
+							<Table.Cell>
+								<button
+									on:click={() => {
+										goto(`/admin/events/${event.id}`);
+									}}
+									class="cursor-pointer rounded-md bg-slate-300 p-2 dark:bg-slate-800">{event[column]}</button
+								>
+							</Table.Cell>
+						{:else}
+							<Table.Cell>{event[column]}</Table.Cell>
+						{/if}
+					{/each}
+				</Table.Row>
+			{/each}
+		</Table.Body>
+	</Table.Root>
+</div>
diff --git a/src/routes/admin/events/[eventId]/+page.server.ts b/src/routes/admin/events/[eventId]/+page.server.ts
new file mode 100644
index 00000000..879b029b
--- /dev/null
+++ b/src/routes/admin/events/[eventId]/+page.server.ts
@@ -0,0 +1,42 @@
+import { db } from '$lib/db/db.js';
+
+export async function load({ url}) {
+    const eventId = url.pathname.split('/').filter(Boolean)[2];
+    
+    const eventData = await db.event.findFirst({
+        where:{
+            id: eventId
+        },
+        select:{
+            participants: {
+                select: {
+                    id: true,
+                    name: true,
+                    user: {
+                        select: {
+                            id: true,
+                            email: true,
+                            displayName: true,
+                            username: true,
+                            phone: true
+                        }
+                    },
+                    attended: true
+                }
+            },
+        }
+    })    
+
+    const winnersData = await db.winners.findMany({
+        where: {
+            eventId: eventId
+        }
+    })
+
+    return {
+        adminData: {
+            participants: eventData?.participants ?? [],
+            winnersData: winnersData
+        }
+    }
+}   
\ No newline at end of file
diff --git a/src/routes/admin/events/[eventId]/+page.svelte b/src/routes/admin/events/[eventId]/+page.svelte
new file mode 100644
index 00000000..716a4e81
--- /dev/null
+++ b/src/routes/admin/events/[eventId]/+page.svelte
@@ -0,0 +1,305 @@
+<script lang="ts">
+	import Button from '$lib/components/ui/button/button.svelte';
+	import * as Table from '$lib/components/ui/table';
+	import { downloadData } from '../../utils.js';
+	import { Download } from 'lucide-svelte';
+	import * as Dialog from '$lib/components/ui/dialog';
+	import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
+	import { page } from '$app/stores';
+	import axios from 'axios';
+	import { success, failure, exclaim } from '$lib/components/Toast/toast.js';
+	import { Plus } from 'lucide-svelte';
+	import Label from '$lib/components/ui/label/label.svelte';
+	import * as RadioGroup from '$lib/components/ui/radio-group';
+	import * as Popover from '$lib/components/ui/popover';
+	import * as Command from '$lib/components/ui/command';
+
+	export let data;
+
+	let show = 'participants';
+	let selectedPosition = 'Select Postion';
+	let selectedTeamId = '';
+
+	let participants: any[] = [];
+	let winners: any[] = [];
+	let participantsColumns: string[] = [];
+	let winnersColumns: string[] = [];
+
+	let open = false;	
+
+	$: {
+		if (data.adminData) {
+			participants = data.adminData.participants ?? [];
+			winners = data.adminData.winnersData ?? [];
+			if (participants.length > 0) {
+				participantsColumns = Object.keys(participants[0]);
+			} else {
+				participantsColumns = [];
+			}
+			if (winners.length > 0) {
+				winnersColumns = Object.keys(winners[0]);
+			} else {
+				winnersColumns = [];
+			}
+		}
+		console.log(participants.length);
+	}
+
+	function addWinners(teamId: string = selectedTeamId, position: string = selectedPosition) {
+		const eventId = $page.url.pathname.split('/').filter(Boolean).pop();
+		console.log('teamId : ', teamId);
+		console.log('position : ', position);
+		console.log('eventId : ', eventId);
+	}
+
+	function setAttendedState(state: boolean, participantId: string) {
+		axios
+			.post('/api/admin/events/attendence', {
+				state: state,
+				teamId: participantId
+			})
+			.then((res) => {
+				if (res.status === 200) {
+					success('Attendence state updated');
+					participants = participants.map((participant) => {
+						if (participant.id === participantId) {
+							participant.attended = state;
+						}
+						return participant;
+					});
+				} else {
+					exclaim("Couldn't update attendence state");
+				}
+			})
+			.catch(() => {
+				failure('Failed to update attendence state');
+			});
+	}
+</script>
+
+<div class="flex flex-row justify-between gap-4">
+	<div class="flex flex-row gap-2">
+		<button
+			class="mt-4 flex flex-row flex-nowrap items-center gap-2 rounded-md border-2 bg-slate-300 p-2 dark:bg-slate-800"
+			on:click={() => {
+				// eslint-disable-next-line no-undef
+				if (participants) {
+					downloadData(participants, participantsColumns, 'paticipants');
+				}
+			}}><Download />Download participants</button
+		>
+		<button
+			class="mt-4 flex flex-row flex-nowrap items-center gap-2 rounded-md border-2 bg-slate-300 p-2 dark:bg-slate-800"
+			on:click={() => {
+				// eslint-disable-next-line no-undef
+				if (participants) {
+					downloadData(winners, winnersColumns, 'winners');
+				}
+			}}><Download />Download winners</button
+		>
+	</div>
+	<div class="flex flex-row gap-2">
+		<Dialog.Root>
+			<Dialog.Trigger class="mt-4 flex flex-row flex-nowrap items-center gap-2 rounded-md border-2 bg-slate-300 p-2 dark:bg-slate-800">
+				<Plus /> winners
+			</Dialog.Trigger>
+			<Dialog.Content>
+				<Dialog.Header>
+					<Dialog.Title>Add Winners</Dialog.Title>
+				</Dialog.Header>
+				<Dialog.Description>
+					<RadioGroup.Root class="mt-2 max-h-60 overflow-y-auto" bind:value={selectedTeamId}>
+						{#each participants as item , idx}
+							<div class="flex items-center space-x-2">
+								<RadioGroup.Item
+									value={item.id}
+									id={idx.toString()}
+								/>
+								<Label for={idx.toString()}>{item.name}</Label>
+							</div>
+						{/each}
+					</RadioGroup.Root>
+					<div class="mt-4 flex flex-row flex-nowrap items-center space-x-2">
+						<Label>Position</Label>
+						<Popover.Root bind:open>
+							<Popover.Trigger asChild let:builder>
+								<Button builders={[builder]} variant="outline" role="combobox" class="w-full justify-between">
+									{selectedPosition}
+								</Button></Popover.Trigger
+							>
+							<Popover.Content
+								><Command.Root>
+									<Command.List>
+										<Command.Item
+											value="WINNERS"
+											onSelect={() => {
+												selectedPosition = 'WINNERS';
+												open = false;
+											}}>WINNERS</Command.Item
+										>
+										<Command.Item
+											value="FIRST_RUNNER_UP"
+											onSelect={() => {
+												selectedPosition = 'FIRST_RUNNER_UP';
+												open = false;
+											}}>FIRST_RUNNER_UP</Command.Item
+										>
+										<Command.Item
+											value="SECOND_RUNNER_UP"
+											onSelect={() => {
+												selectedPosition = 'SECOND_RUNNER_UP';
+												open = false;
+											}}>SECOND_RUNNER_UP</Command.Item
+										>
+									</Command.List>
+								</Command.Root></Popover.Content
+							>
+						</Popover.Root>
+					</div>
+				</Dialog.Description>
+				<Dialog.Footer>
+					<Dialog.Close
+						class="rounded-md bg-foreground p-2 font-semibold text-white dark:text-black"
+						on:click={() => {
+							addWinners();
+						}}>Save changes</Dialog.Close
+					>
+				</Dialog.Footer>
+			</Dialog.Content>
+		</Dialog.Root>
+		<Button
+			class="mt-4"
+			on:click={() => {
+				show = 'participants';
+			}}>Participants {participants.length}</Button
+		>
+		<Button
+			class="mt-4"
+			on:click={() => {
+				show = 'winners';
+			}}>winners {winners.length}</Button
+		>
+	</div>
+</div>
+
+<div class="h-[80vh] overflow-auto">
+	<h1 class="w-full text-center text-3xl font-bold">
+		{#if show === 'participants'}
+			Participants
+		{:else}
+			Winners
+		{/if}
+	</h1>
+	<Table.Root>
+		<Table.Caption
+			>List of all
+			{#if show === 'participants'}
+				Participants
+			{:else}
+				Winners
+			{/if}</Table.Caption
+		>
+		<Table.Header>
+			<Table.Row>
+				{#if show === 'participants'}
+					{#each participantsColumns as column}
+						<Table.Head>{column}</Table.Head>
+					{/each}
+				{:else}
+					{#each winnersColumns as column}
+						<Table.Head>{column}</Table.Head>
+					{/each}
+				{/if}
+			</Table.Row>
+		</Table.Header>
+		<Table.Body class="h-1/2 overflow-auto">
+			{#if show === 'participants'}
+				{@const columns = participantsColumns}
+				{@const data = participants}
+				{#each data as item}
+					<Table.Row>
+						{#each columns as column}
+							{#if column === 'user'}
+								<Table.Cell>
+									<Dialog.Root>
+										<Dialog.Trigger><Button>User</Button></Dialog.Trigger>
+										<Dialog.Content>
+											<Dialog.Header>
+												<Dialog.Title>Team Members</Dialog.Title>
+											</Dialog.Header>
+											<Table.Root>
+												<Table.Header>
+													<Table.Head>DisplayName</Table.Head>
+													<Table.Head>Email</Table.Head>
+													<Table.Head>UserName</Table.Head>
+													<Table.Head>Phone</Table.Head>
+												</Table.Header>
+												<Table.Body>
+													{#each item[column] as userItem}
+														<Table.Row>
+															<Table.Cell class="text-nowrap">{userItem.displayName}</Table.Cell>
+															<Table.Cell>{userItem.email}</Table.Cell>
+															<Table.Cell>{userItem.username}</Table.Cell>
+															<Table.Cell>{userItem.phone}</Table.Cell>
+														</Table.Row>
+													{/each}
+												</Table.Body>
+											</Table.Root>
+										</Dialog.Content>
+									</Dialog.Root>
+								</Table.Cell>
+							{:else if column === 'attended'}
+								<DropdownMenu.Root>
+									<DropdownMenu.Trigger>
+										<Table.Cell><Button>{item[column]}</Button></Table.Cell>
+									</DropdownMenu.Trigger>
+									<DropdownMenu.Content>
+										<DropdownMenu.Group>
+											<DropdownMenu.Label>Select State</DropdownMenu.Label>
+											<DropdownMenu.Separator />
+											<DropdownMenu.Item on:click={() => setAttendedState(true, item['id'])}>True</DropdownMenu.Item>
+											<DropdownMenu.Item on:click={() => setAttendedState(false, item['id'])}>False</DropdownMenu.Item>
+										</DropdownMenu.Group>
+									</DropdownMenu.Content>
+								</DropdownMenu.Root>
+							{:else}
+								<Table.Cell>{item[column]}</Table.Cell>
+							{/if}
+						{/each}
+					</Table.Row>
+				{/each}
+			{:else}
+				{@const columns = winnersColumns}
+				{@const data = winners}
+				{#each data as item}
+					<Table.Row>
+						{#each columns as column}
+							{#if column === 'user'}
+								<Table.Cell>
+									<Dialog.Root>
+										<Dialog.Trigger><Button>User</Button></Dialog.Trigger>
+										<Dialog.Content>
+											<Dialog.Header>
+												<Dialog.Title>Team Members</Dialog.Title>
+											</Dialog.Header>
+											<Table.Root>
+												<Table.Header>
+													<Table.Head>DisplayName</Table.Head>
+													<Table.Head>Email</Table.Head>
+													<Table.Head>UserName</Table.Head>
+													<Table.Head>Phone</Table.Head>
+												</Table.Header>
+											</Table.Root>
+										</Dialog.Content>
+									</Dialog.Root>
+								</Table.Cell>
+							{:else}
+								<Table.Cell>{item[column]}</Table.Cell>
+							{/if}
+						{/each}
+					</Table.Row>
+				{/each}
+			{/if}
+		</Table.Body>
+	</Table.Root>
+</div>
diff --git a/src/routes/admin/snh2023/+page.svelte b/src/routes/admin/snh2023/+page.svelte
deleted file mode 100644
index 38d1090c..00000000
--- a/src/routes/admin/snh2023/+page.svelte
+++ /dev/null
@@ -1,278 +0,0 @@
-<script lang="ts">
-	import { user, userID, userProfileData } from '$lib/firebase/firebase';
-	import * as Table from '$lib/components/ui/table';
-	import { getDoc, getDocs, collection, writeBatch, doc, arrayUnion, increment, Timestamp } from 'firebase/firestore';
-	import { Button } from '$lib/components/ui/custom_button';
-	import { db } from '$lib/firebase/firebase';
-	import type { TeamData } from '$lib/types/TeamData';
-
-	let data: TeamData[] = [];
-
-	async function getData() {
-		const teamsRef = collection(db, 'snh2023');
-		const docSnapshot = await getDocs(teamsRef);
-		const docs = docSnapshot.docs;
-		data = docs.flatMap((doc) => doc.data()) as TeamData[];
-		// console.log(data);
-	}
-
-	let submitted = 'No';
-	let PID = '';
-	let pLink = '';
-
-	const convertAndDownloadCSV = () => {
-		if (data && data.length > 0) {
-			// Create CSV headers
-			const headers = ['Team Name', 'Leader Name', 'Leader Phone', 'Leader Email', 'Member Count', 'Submitted', 'PID', 'Link', 'Team ID', 'Team Secret'].join(',') + '\n';
-			// Convert data to CSV rows
-			const csvRows = data.map((team) => {
-				if (team.submission) {
-					submitted = 'Yes';
-					PID = team.submission.PID || '';
-					pLink = team.submission.link || '';
-				} else {
-					submitted = 'No';
-					PID = '';
-					pLink = '';
-				}
-				const row = [team.teamName, team.leaderName, team.leaderPhone, team.leaderEmail, team.memberCount, submitted, PID, pLink, team.teamURL, team.teamSecret].join(',');
-				return row;
-			});
-
-			// Combine headers and rows
-			const csvContent = headers + csvRows.join('\n');
-
-			// Trigger CSV download
-			const blob = new Blob([csvContent], { type: 'text/csv' });
-			const url = window.URL.createObjectURL(blob);
-			const a = document.createElement('a');
-			a.style.display = 'none';
-			a.href = url;
-			a.download = `SNH2023_Teams.csv`;
-			document.body.appendChild(a);
-			a.click();
-			window.URL.revokeObjectURL(url);
-		}
-	};
-
-	async function qualify(teamID: string) {
-		const batch = writeBatch(db);
-
-		const teamRef = doc(db, 'snh2023', teamID);
-		batch.update(teamRef, {
-			qualified: true
-		});
-		await batch.commit();
-
-		alert('Team has been qualified)');
-	}
-
-	async function disQualify(teamID: string) {
-		const batch = writeBatch(db);
-
-		const teamRef = doc(db, 'snh2023', teamID);
-		batch.update(teamRef, {
-			qualified: false
-		});
-		await batch.commit();
-
-		alert('Team has been qualified)');
-	}
-
-	async function paid(teamID: string) {
-		const batch = writeBatch(db);
-
-		const teamRef = doc(db, 'snh2023', teamID);
-		batch.update(teamRef, {
-			payment: true
-		});
-		await batch.commit();
-
-		alert(teamID + ' Payment set to true');
-	}
-
-	async function notPaid(teamID: string) {
-		const batch = writeBatch(db);
-
-		const teamRef = doc(db, 'snh2023', teamID);
-		batch.update(teamRef, {
-			payment: false
-		});
-		await batch.commit();
-
-		alert(teamID + ' Payment set to false');
-	}
-
-	async function secondRound(team: TeamData) {
-		const batch = writeBatch(db);
-		const teamRef = doc(db, 'snh2023final', team.teamURL);
-
-		batch.set(teamRef, {
-			teamName: team.teamName,
-			teamID: team.teamURL,
-			teamSecret: team.teamSecret,
-			arrived: false,
-			college: team.college,
-
-			leader: team.leader,
-			leaderName: team.leaderName,
-			leaderPhone: team.leaderPhone,
-			leaderEmail: team.leaderEmail,
-
-			PID: team.PID,
-			submission: team.submission,
-
-			members: team.members,
-			memberCount: team.memberCount,
-
-			createdAt: Timestamp.now()
-		});
-
-		for (var i = 0; i < team.memberInfo.length; i++) {
-			let userID = team.memberInfo[i].id;
-			batch.update(teamRef, {
-				[userID]: {
-					status: 'pending',
-					timestamp: Timestamp.now(),
-					scanned: false,
-					name: team.memberInfo[i].name,
-					usn: team.memberInfo[i].usn,
-					phone: team.memberInfo[i].phone,
-					email: team.memberInfo[i].email
-				},
-				[userID + '_history']: arrayUnion({
-					status: 'pending',
-					timestamp: Timestamp.now()
-				})
-			});
-
-			let userProfileRef = doc(db, 'profile', userID);
-			batch.update(userProfileRef, {
-				snh2023final: team.teamURL
-			});
-
-			let eventRef = doc(db, 'events', 'snh2023final');
-			batch.update(eventRef, {
-				members: arrayUnion(userID)
-			});
-		}
-
-		await batch.commit();
-		alert(team.teamName + ' team added to second round');
-	}
-
-	$: if ($user && $userID && $userProfileData) {
-		getData();
-	}
-</script>
-
-<div class="flex flex-col items-center justify-center text-center">
-	<Button on:click={convertAndDownloadCSV}>Download Report</Button>
-
-	<Table.Root>
-		<Table.Header>
-			<Table.Row>
-				<Table.Head>S No.</Table.Head>
-				<Table.Head>Team Name</Table.Head>
-				<Table.Head class="text-center">Member Count</Table.Head>
-				<Table.Head class="text-center">College</Table.Head>
-				<Table.Head class="text-center">Submitted</Table.Head>
-				<Table.Head class="text-center">PID</Table.Head>
-				<Table.Head class="max-w-[5rem] text-center">Link</Table.Head>
-				<Table.Head>Leader Name</Table.Head>
-				<Table.Head>Leader Phone</Table.Head>
-				<Table.Head class="text-center">Leader Email</Table.Head>
-				<Table.Head class="text-center">Team ID</Table.Head>
-				<Table.Head class="text-center">Team Secret</Table.Head>
-				<Table.Head class="text-center">Qualified</Table.Head>
-				<Table.Head class="text-center">Qualify Button</Table.Head>
-				<Table.Head class="text-center">Disqualify Button</Table.Head>
-				<Table.Head class="text-center">Payment</Table.Head>
-				<Table.Head class="text-center">Paid Button</Table.Head>
-				<Table.Head class="text-center">Not Paid Button</Table.Head>
-				<Table.Head class="text-center">Add to Second Round</Table.Head>
-			</Table.Row>
-		</Table.Header>
-		<Table.Body>
-			{#each data as team, i}
-				<Table.Row class="text-center">
-					<Table.Cell>{i + 1}</Table.Cell>
-					<Table.Cell>{team.teamName}</Table.Cell>
-					<Table.Cell>{team.memberCount}</Table.Cell>
-					{#if team.submission}
-						<Table.Cell class="text-center">{team.college}</Table.Cell>
-						<Table.Cell class="text-center">Yes</Table.Cell>
-						<Table.Cell>{team.PID}</Table.Cell>
-						<Table.Cell class="text-wrap max-w-[5rem]"><a href={team.submission.link} class="text-blue-600" target="_blank">Click Here</a></Table.Cell>
-					{:else}
-						<Table.Cell class="text-center"></Table.Cell>
-						<Table.Cell class="text-center">No</Table.Cell>
-						<Table.Cell></Table.Cell>
-						<Table.Cell></Table.Cell>
-					{/if}
-					<Table.Cell>{team.leaderName}</Table.Cell>
-					<Table.Cell>{team.leaderPhone}</Table.Cell>
-					<Table.Cell>{team.leaderEmail}</Table.Cell>
-					<Table.Cell>{team.teamURL}</Table.Cell>
-					<Table.Cell>{team.teamSecret}</Table.Cell>
-
-					<!-- Qualify or Disqualify a team -->
-
-					<Table.Cell>{team?.qualified}</Table.Cell>
-					<Table.Cell>
-						<Button
-							on:click={() => {
-								qualify(team.teamURL);
-							}}
-						>
-							Qualify
-						</Button>
-					</Table.Cell>
-					<Table.Cell>
-						<Button
-							on:click={() => {
-								disQualify(team.teamURL);
-							}}
-						>
-							DisQualify
-						</Button>
-					</Table.Cell>
-
-					<!-- Paid or Not Paid -->
-
-					<Table.Cell>{team?.payment}</Table.Cell>
-					<Table.Cell>
-						<Button
-							on:click={() => {
-								paid(team.teamURL);
-							}}
-						>
-							Paid
-						</Button>
-					</Table.Cell>
-					<Table.Cell>
-						<Button
-							on:click={() => {
-								notPaid(team.teamURL);
-							}}
-						>
-							NotPaid
-						</Button>
-					</Table.Cell>
-
-					<!-- Add to Second Round -->
-
-					<Table.Cell>
-						<Button
-							on:click={() => {
-								secondRound(team);
-							}}
-						>
-							SecondRound
-						</Button>
-					</Table.Cell>
-				</Table.Row>
-			{/each}
-		</Table.Body>
-	</Table.Root>
-</div>
diff --git a/src/routes/admin/snh2023certificate/+page.svelte b/src/routes/admin/snh2023certificate/+page.svelte
deleted file mode 100644
index 4dcdeef7..00000000
--- a/src/routes/admin/snh2023certificate/+page.svelte
+++ /dev/null
@@ -1,236 +0,0 @@
-<script lang="ts">
-	import { user, userID, userProfileData } from '$lib/firebase/firebase';
-	import { getDoc, getDocs, query, where, collection, writeBatch, doc, arrayUnion, increment, Timestamp } from 'firebase/firestore';
-	import { db } from '$lib/firebase/firebase';
-	import type { TeamDataSNH2023 } from '$lib/components/types/TeamData';
-	import * as Table from '$lib/components/ui/table';
-	import { Button } from '$lib/components/ui/custom_button';
-	import { Input } from '$lib/components/ui/input';
-	import { Label } from '$lib/components/ui/label';
-	import type { CertificateData, CertificateStaticData } from '$lib/components/types/CertificateData';
-
-	let data: TeamDataSNH2023[] = [];
-	let certificateDetails: CertificateStaticData = {
-		certificateTitle: 'Certificate of Participation',
-		version: '1',
-		issueDate: Timestamp.now().toDate(),
-		startDate: Timestamp.fromDate(new Date('2023-11-10')).toDate(),
-		endDate: Timestamp.fromDate(new Date('2023-11-26')).toDate(),
-		description: 'In an era driven by innovation, fostering creative thinking and problem-solving skills among the youth is paramount. Smart Nitte Hackathon (SNH) 2023 is an exciting event organized by TASC, department of AIML, NMAMIT which encourages college students to showcase their creativity and problem-solving skills.',
-		occasion: 'hackathon',
-		role: 'participant',
-		event: 'snh2023',
-		organization: 'TASC, Dept. of AI & ML, NMAMIT',
-		organizationLogo: 'snh2023/tascLogo.png',
-		issuerNames: ['Dr. Sharada U. Shenoy', 'Dr. Niranjan N. Chiplunkar'],
-		issuerDesignations: ['HoD, Dept. of AI & ML', 'Principal, NMAMIT'],
-		issuerSignatures: ['snh2023/hod.png', 'snh2023/principal.png']
-	};
-
-	async function getData() {
-		const teamsRef = collection(db, 'snh2023final');
-		let q = query(teamsRef, where('arrived', '==', true));
-		const docSnapshot = await getDocs(q);
-		const docs = docSnapshot.docs;
-		data = docs.flatMap((doc) => doc.data()) as TeamDataSNH2023[];
-		// console.log(data);
-	}
-
-	async function getDataWrapper() {
-		if ($user && $userID && $userProfileData) {
-			await getData();
-		}
-	}
-
-	async function issueCertificate(i: number) {
-		if (data[i].certificate === true) {
-			alert('Certificate already issued!');
-			return;
-		}
-
-		generateCertificate(data[i]);
-	}
-
-	async function sha256(message: string) {
-		const msgBuffer = new TextEncoder().encode(message); // encode as UTF-8
-		const hashBuffer = await crypto.subtle.digest('SHA-256', msgBuffer);
-		const hashArray = Array.from(new Uint8Array(hashBuffer));
-		const hashHex = hashArray.map((b) => ('00' + b.toString(16)).slice(-2)).join('');
-		//console.log(hashHex);
-		return hashHex;
-	}
-
-	async function generateCertificate(team: TeamDataSNH2023) {
-		for (let i = 0; i < team.members.length; i++) {
-			if (team[team.members[i]].status === 'pending') {
-				break;
-			}
-
-			const batch = writeBatch(db);
-			const teamRef = doc(db, 'snh2023final', team.teamID);
-			const userRef = doc(db, 'user', team.members[i]);
-
-			const certificateData = {
-				...certificateDetails,
-
-				userID: team.members[i],
-				name: team[team.members[i]].name,
-				email: team[team.members[i]].email,
-				usn: team[team.members[i]].usn,
-				college: team.college,
-
-				teamID: team.teamID,
-				teamName: team.teamName
-			};
-
-			const hash = await sha256(JSON.stringify(certificateData));
-
-			// const newCertificateRef = doc(collection(db, 'certificate'));
-			const newCertificateRef = doc(db, 'certificate', hash.slice(0, 24));
-
-			batch.set(newCertificateRef, {
-				certificateID: newCertificateRef.id,
-				...certificateData,
-				hash: hash
-			});
-
-			let userID = team.members[i];
-			batch.update(teamRef, {
-				certificate: true,
-				[userID]: {
-					...team[team.members[i]],
-					certificate: newCertificateRef.id
-				}
-			});
-
-			batch.update(userRef, {
-				achievements: arrayUnion(newCertificateRef.id),
-				[newCertificateRef.id]: {
-					certificateTitle: certificateDetails.certificateTitle,
-					issueDate: Timestamp.now(),
-					occasion: certificateDetails.occasion,
-					role: certificateDetails.role,
-					event: certificateDetails.event,
-					organization: certificateDetails.organization,
-					teamID: team.teamID,
-					teamName: team.teamName
-				}
-			});
-
-			await batch.commit();
-			alert('Certificate issued to ' + team[team.members[i]].name);
-		}
-	}
-</script>
-
-<!-- 
-<div class="flex w-full justify-center">
-	<div class="flex w-full max-w-md flex-col gap-1.5">
-		<Label class="pt-5">Certificate ID</Label>
-
-		<Label class="pt-5" for="certificateTitle">Certificate Title</Label>
-		<Input id="certificateTitle" type="text" bind:value={certificateDetails.certificateTitle} />
-		<p class="text-sm text-muted-foreground">Enter the certificate title.</p>
-
-		<Label class="pt-5" for="versionInput">Version</Label>
-		<Input type="number" id="versionInput" bind:value={certificateDetails.version} />
-
-		<Label class="pt-5" for="issueDateInput">Issue Date (autogenerated)</Label>
-
-		<Label class="pt-5" for="startDateInput">Start Date</Label>
-		<Input type="date" id="startDateInput" bind:value={certificateDetails.startDate} />
-
-		<Label class="pt-5" for="endDateInput">End Date</Label>
-		<Input type="date" id="endDateInput" bind:value={certificateDetails.endDate} />
-
-		<Label class="pt-5" for="validityInput">Validity (in years)</Label>
-		<Input type="number" id="validityInput" bind:value={certificateDetails.validity} />
-
-		<Label class="pt-5" for="occasionInput">Occasion</Label>
-		<Input type="text" id="occasionInput" bind:value={certificateDetails.occasion} />
-
-		<Label class="pt-5" for="roleInput">Role</Label>
-		<Input type="text" id="roleInput" bind:value={certificateDetails.role} />
-
-		<Label class="pt-5" for="eventInput">Event (same as occasion in some cases)</Label>
-		<Input type="text" id="eventInput" bind:value={certificateDetails.event} />
-
-		<Label class="pt-5" for="organizationInput">Organization</Label>
-		<Input type="text" id="organizationInput" placeholder="Name" bind:value={certificateDetails.organization} />
-		<Input type="text" id="organizationLogoInput" placeholder="Logo" bind:value={certificateDetails.organizationLogo} />
-
-		<Label class="pt-5" for="numIssuersInput">Number of Issuers</Label>
-		<Input type="number" id="numIssuersInput" bind:value={certificateDetails.issuerNames.length} />
-
-		{#each Array.from({ length: certificateDetails.issuerNames.length }) as _, i}
-			<Label class="pt-5" for={'issuerNameInput' + i}>Issuer {i + 1}</Label>
-			<Input type="text" id={'issuerNameInput' + i} placeholder="Name" bind:value={certificateDetails.issuerNames[i]} />
-			<Input type="url" id={'issuerSignatureInput' + i} placeholder="Signature Link" bind:value={certificateDetails.issuerSignatures[i]} />
-		{/each}
-	</div>
-</div> -->
-
-<div class="flex flex-col items-center justify-center text-center">
-	<Button on:click={getDataWrapper}>Query the Database</Button>
-	<Table.Root>
-		<Table.Header>
-			<Table.Row>
-				<Table.Head>S No.</Table.Head>
-				<Table.Head>Team Name</Table.Head>
-				<Table.Head class="text-center">Member Count</Table.Head>
-				<Table.Head class="text-center">College</Table.Head>
-				<Table.Head class="text-center">Arrived</Table.Head>
-
-				<Table.Head>Leader Name</Table.Head>
-				<Table.Head class="text-center">Leader Email</Table.Head>
-				<Table.Head class="text-center">Team ID</Table.Head>
-				<Table.Head class="text-center">Team Secret</Table.Head>
-
-				{#each { length: 3 } as _, i}
-					<Table.Head>Member {i + 1}</Table.Head>
-					<Table.Head>Status</Table.Head>
-				{/each}
-
-				<Table.Head class="text-center">Certificate</Table.Head>
-				<Table.Head class="text-center">Issue Certificate</Table.Head>
-			</Table.Row>
-		</Table.Header>
-
-		<Table.Body>
-			{#each data as team, i}
-				<Table.Row class="text-center">
-					<Table.Cell>{i + 1}</Table.Cell>
-					<Table.Cell>{team.teamName}</Table.Cell>
-					<Table.Cell>{team.memberCount}</Table.Cell>
-					<Table.Cell class="text-center">{team.college}</Table.Cell>
-					<Table.Cell class="text-center">{team.arrived ? 'Yes' : 'No'}</Table.Cell>
-
-					<Table.Cell>{team.leaderName}</Table.Cell>
-					<Table.Cell>{team.leaderEmail}</Table.Cell>
-					<Table.Cell>{team.teamID}</Table.Cell>
-					<Table.Cell>{team.teamSecret}</Table.Cell>
-
-					{#each { length: 3 } as _, i}
-						{#if team.members[i]}
-							<Table.Cell>{team[team.members[i]].name}</Table.Cell>
-							<Table.Cell>{team[team.members[i]].status}</Table.Cell>
-						{:else}
-							<Table.Cell>Na</Table.Cell>
-							<Table.Cell>Na</Table.Cell>
-						{/if}
-					{/each}
-
-					<Table.Cell>{team.certificate ? 'Yes' : 'No'}</Table.Cell>
-					<Table.Cell>
-						<Button
-							on:click={() => {
-								issueCertificate(i);
-							}}
-							>Issue Certificate
-						</Button>
-					</Table.Cell>
-				</Table.Row>
-			{/each}
-		</Table.Body>
-	</Table.Root>
-</div>
diff --git a/src/routes/admin/snh2023final/+page.svelte b/src/routes/admin/snh2023final/+page.svelte
deleted file mode 100644
index ddd343ad..00000000
--- a/src/routes/admin/snh2023final/+page.svelte
+++ /dev/null
@@ -1,264 +0,0 @@
-<script lang="ts">
-	// import { Button } from '$lib/components/ui/button';
-	import { Button } from '$lib/components/ui/custom_button';
-	import { Input } from '$lib/components/ui/input';
-	import * as Table from '$lib/components/ui/table';
-	import { user, userID, userProfileData } from '$lib/firebase/firebase';
-	import { Timestamp, collection, doc, getDocs, query, where, writeBatch } from 'firebase/firestore';
-
-	import type { TeamDataSNH2023 } from '$lib/types/TeamData';
-	import { db } from '$lib/firebase/firebase';
-
-	let floorList: string[] = ['4', '5', '6'];
-	let roomList: string[] = ['A', 'B', 'C'];
-	let arrivedList: boolean[] = [true, false];
-
-	let data: TeamDataSNH2023[] = [];
-	let floor: string | null = '4';
-	let room: string | null = 'A';
-	let arrived: boolean | null = null;
-
-	function getDate(timestamp: { seconds: number }) {
-		if (!timestamp) return '';
-
-		return Timestamp.fromMillis(timestamp.seconds * 1000)
-			.toDate()
-			.toLocaleString();
-	}
-
-	async function getData() {
-		const teamsRef = collection(db, 'snh2023final');
-		let q;
-
-		if (arrived == true) {
-			if (floor && room) {
-				q = query(teamsRef, where('floor', '==', floor), where('room', '==', room), where('arrived', '==', true));
-			} else if (floor) {
-				q = query(teamsRef, where('floor', '==', floor), where('arrived', '==', true));
-			} else {
-				q = query(teamsRef, where('arrived', '==', true));
-			}
-		} else if (arrived == false) {
-			if (floor && room) {
-				q = query(teamsRef, where('floor', '==', floor), where('room', '==', room), where('arrived', '==', false));
-			} else if (floor) {
-				q = query(teamsRef, where('floor', '==', floor), where('arrived', '==', false));
-			} else {
-				q = query(teamsRef, where('arrived', '==', false));
-			}
-		} else {
-			if (floor && room) {
-				q = query(teamsRef, where('floor', '==', floor), where('room', '==', room));
-			} else if (floor) {
-				q = query(teamsRef, where('floor', '==', floor));
-			} else {
-				q = query(teamsRef);
-			}
-		}
-
-		const docSnapshot = await getDocs(q);
-		const docs = docSnapshot.docs;
-		data = docs.flatMap((doc) => doc.data()) as TeamDataSNH2023[];
-		// console.log(data);
-	}
-
-	async function getDataWrapper() {
-		if ($user && $userID && $userProfileData) {
-			await getData();
-		}
-	}
-
-	const convertAndDownloadCSV = () => {
-		const headers = ['Team Name', 'College', 'Floor', 'Room', 'Team ID', 'Team Secret', 'PID', 'Link', 'Title', 'Leader Name', 'Member Count', 'Member 1 Name', 'USN', 'Email', 'Phone', 'Status', 'Timestamp', 'Member 2 Name', 'USN', 'Email', 'Phone', 'Status', 'Timestamp', 'Member 3 Name', 'USN', 'Email', 'Phone', 'Status', 'Timestamp'].join(',') + '\n';
-
-		const csvRows = data.map((team) => {
-			const row = [
-				JSON.stringify(team.teamName),
-				JSON.stringify(team.college),
-				team.floor,
-				team.room,
-				team.teamID,
-				team.teamSecret,
-				team.PID,
-				team.submission.link,
-				JSON.stringify(team.submission.title),
-				team.leaderName,
-				team.memberCount,
-				team[team.members[0] ?? '']?.name ?? '',
-				team[team.members[0] ?? '']?.usn ?? '',
-				team[team.members[0] ?? '']?.email ?? '',
-				team[team.members[0] ?? '']?.phone ?? '',
-				team[team.members[0] ?? '']?.status ?? '',
-				JSON.stringify(getDate(team[team.members[0] ?? '']?.timestamp) ?? ''),
-				team[team.members[1] ?? '']?.name ?? '',
-				team[team.members[1] ?? '']?.usn ?? '',
-				team[team.members[1] ?? '']?.email ?? '',
-				team[team.members[1] ?? '']?.phone ?? '',
-				team[team.members[1] ?? '']?.status ?? '',
-				JSON.stringify(getDate(team[team.members[1] ?? '']?.timestamp) ?? ''),
-				team[team.members[2] ?? '']?.name ?? '',
-				team[team.members[2] ?? '']?.usn ?? '',
-				team[team.members[2] ?? '']?.email ?? '',
-				team[team.members[2] ?? '']?.phone ?? '',
-				team[team.members[2] ?? '']?.status ?? '',
-				JSON.stringify(getDate(team[team.members[2] ?? '']?.timestamp) ?? '')
-			].join(',');
-			return row;
-		});
-
-		const csvContent = headers + csvRows.join('\n');
-
-		// CSV download
-		const blob = new Blob([csvContent], { type: 'text/csv' });
-		const url = window.URL.createObjectURL(blob);
-		const a = document.createElement('a');
-		a.style.display = 'none';
-		a.href = url;
-		a.download = `SNH2023Final_Teams.csv`;
-		document.body.appendChild(a);
-		a.click();
-		window.URL.revokeObjectURL(url);
-	};
-
-	async function updateFloor(i: number) {
-		const batch = writeBatch(db);
-
-		const teamRef = doc(db, 'snh2023final', data[i].teamID);
-		batch.update(teamRef, {
-			floor: data[i].floor
-		});
-		await batch.commit();
-
-		alert('Floor Updated');
-	}
-
-	async function updateRoom(i: number) {
-		const batch = writeBatch(db);
-
-		const teamRef = doc(db, 'snh2023final', data[i].teamID);
-		batch.update(teamRef, {
-			room: data[i].room
-		});
-		await batch.commit();
-
-		alert('Room Updated');
-	}
-</script>
-
-<div class="flex flex-col items-center justify-center text-center">
-	<div class="mt-5 flex w-full max-w-sm flex-col items-center justify-evenly gap-2 md:flex-row">
-		<!-- <Input bind:value={floor} type="number" placeholder="Enter Floor Number" /> -->
-		<select bind:value={floor} class="rounded-md bg-slate-500">
-			<option value={null} selected>All Floors</option>
-			{#each floorList as floor}
-				<option value={floor}>
-					{floor}
-				</option>
-			{/each}
-		</select>
-
-		<!-- <Input bind:value={room} type="number" placeholder="Enter Room Number" /> -->
-		<select bind:value={room} class="rounded-md bg-slate-500">
-			<option value={null} selected>All rooms</option>
-			{#each roomList as room}
-				<option value={room}>
-					{room}
-				</option>
-			{/each}
-		</select>
-
-		<select bind:value={arrived} class="rounded-md bg-slate-500">
-			<option value={null} selected>All teams</option>
-			{#each arrivedList as arrived}
-				<option value={arrived}>
-					{arrived ? 'Arrived' : 'Not Arrived'}
-				</option>
-			{/each}
-		</select>
-
-		<Button on:click={getDataWrapper}>Query the Database</Button>
-		<Button on:click={convertAndDownloadCSV}>Download Report</Button>
-	</div>
-
-	<Table.Root>
-		<Table.Header>
-			<Table.Row>
-				<Table.Head>S No.</Table.Head>
-				<Table.Head>Team Name</Table.Head>
-				<Table.Head class="text-center">Member Count</Table.Head>
-				<Table.Head class="text-center">College</Table.Head>
-				<Table.Head class="text-center">Arrived</Table.Head>
-				<Table.Head class="text-center">PID</Table.Head>
-				<Table.Head class="max-w-[5rem] text-center">Link</Table.Head>
-				<Table.Head>Leader Name</Table.Head>
-				<Table.Head class="text-center">Leader Email</Table.Head>
-				<Table.Head class="text-center">Team ID</Table.Head>
-				<Table.Head class="text-center">Team Secret</Table.Head>
-
-				<Table.Head class="text-center">Floor</Table.Head>
-				<Table.Head class="text-center">Button</Table.Head>
-				<Table.Head class="text-center">Room</Table.Head>
-				<Table.Head class="text-center">Button</Table.Head>
-
-				{#each { length: 3 } as _, i}
-					<Table.Head>Member {i + 1}</Table.Head>
-					<Table.Head>Status</Table.Head>
-					<Table.Head>Timestamp</Table.Head>
-					<Table.Head>Phone Number</Table.Head>
-				{/each}
-			</Table.Row>
-		</Table.Header>
-
-		<Table.Body>
-			{#each data as team, i}
-				<Table.Row class="text-center">
-					<Table.Cell>{i + 1}</Table.Cell>
-					<Table.Cell>{team.teamName}</Table.Cell>
-					<Table.Cell>{team.memberCount}</Table.Cell>
-					<Table.Cell class="text-center">{team.college}</Table.Cell>
-					<Table.Cell class="text-center">{team.arrived ? 'Yes' : 'No'}</Table.Cell>
-					<Table.Cell>{team.PID}</Table.Cell>
-					<Table.Cell class="text-wrap max-w-[5rem]"><a href={team.submission.link} class="text-blue-600" target="_blank">{team.submission.title}</a></Table.Cell>
-
-					<Table.Cell>{team.leaderName}</Table.Cell>
-					<Table.Cell>{team.leaderEmail}</Table.Cell>
-					<Table.Cell>{team.teamID}</Table.Cell>
-					<Table.Cell>{team.teamSecret}</Table.Cell>
-
-					<Table.Cell class="text-center"><Input type="text" bind:value={data[i].floor} /></Table.Cell>
-					<Table.Cell class="text-center">
-						<Button
-							on:click={() => {
-								updateFloor(i);
-							}}
-							>Change Floor
-						</Button>
-					</Table.Cell>
-					<Table.Cell class="text-center"><Input type="text" bind:value={data[i].room} /></Table.Cell>
-					<Table.Cell class="text-center">
-						<Button
-							on:click={() => {
-								updateRoom(i);
-							}}
-							>Change Room
-						</Button>
-					</Table.Cell>
-
-					{#each { length: 3 } as _, i}
-						{#if team.members[i]}
-							<Table.Cell>{team[team.members[i]].name}</Table.Cell>
-							<Table.Cell>{team[team.members[i]].status}</Table.Cell>
-							<Table.Cell>{getDate(team[team.members[i]].timestamp)}</Table.Cell>
-							<Table.Cell>{team[team.members[i]].phone}</Table.Cell>
-						{:else}
-							<Table.Cell>Na</Table.Cell>
-							<Table.Cell>Na</Table.Cell>
-							<Table.Cell>Na</Table.Cell>
-							<Table.Cell>Na</Table.Cell>
-						{/if}
-					{/each}
-				</Table.Row>
-			{/each}
-		</Table.Body>
-	</Table.Root>
-</div>
diff --git a/src/routes/admin/snh2023scan/+page.svelte b/src/routes/admin/snh2023scan/+page.svelte
deleted file mode 100644
index 311346a8..00000000
--- a/src/routes/admin/snh2023scan/+page.svelte
+++ /dev/null
@@ -1,115 +0,0 @@
-<script lang="ts">
-	import MainButton from '$lib/components/Hackathon/MainButton.svelte';
-	import Button from '$lib/components/ui/buttonHackathon/button.svelte';
-	import { db } from '$lib/firebase/firebase';
-	import { Timestamp, arrayUnion, doc, writeBatch } from 'firebase/firestore';
-	import { Html5Qrcode } from 'html5-qrcode';
-	import { onMount } from 'svelte';
-
-	let scanning = false;
-	let html5Qrcode: Html5Qrcode;
-
-	let status: 'inside' | 'outside' = 'outside';
-
-	onMount(init);
-	function init() {
-		html5Qrcode = new Html5Qrcode('reader');
-	}
-
-	function start() {
-		html5Qrcode.start(
-			{ facingMode: 'environment' },
-			{
-				fps: 10,
-				qrbox: { width: 250, height: 250 }
-			},
-			onScanSuccess,
-			onScanFailure
-		);
-		scanning = true;
-	}
-
-	async function stop() {
-		await html5Qrcode.stop();
-		scanning = false;
-	}
-
-	async function onScanSuccess(decodedText: string, decodedResult: any) {
-		alert(`Scanned Value = ${decodedText}`);
-		// console.log(decodedResult);
-		await updateStatus(decodedText);
-	}
-
-	async function updateStatus(decodedText: string) {
-		const data = JSON.parse(decodedText);
-		// console.log(data);
-
-		const team: string = data.team;
-		const user: string = data.user;
-
-		const batch = writeBatch(db);
-		const teamRef = doc(db, 'snh2023final', team);
-
-		batch.update(teamRef, {
-			arrived: true,
-			[user + '.status']: status,
-			[user + '.timestamp']: Timestamp.now(),
-			[user + '.scanned']: true,
-			[user + '_history']: arrayUnion({
-				status: status,
-				timestamp: Timestamp.now()
-			})
-		});
-
-		await batch.commit();
-		alert('Status updated');
-	}
-
-	function onScanFailure(error: any) {
-		console.warn(`Code scan error = ${error}`);
-	}
-</script>
-
-<div>
-	<div class="scanner">
-		<reader id="reader" />
-		<div class="mt-4 flex gap-4">
-			{#if scanning}
-				<button on:click={stop}><MainButton><div class="w-20 p-0">Stop</div></MainButton></button>
-			{:else}
-				<button on:click={start}><MainButton><div class="w-20 p-0">Start</div></MainButton></button>
-			{/if}
-			{#if status === 'inside'}
-				<button
-					on:click={() => {
-						status = 'outside';
-					}}
-					><MainButton><div class="w-20 p-0">Coming In</div></MainButton>
-				</button>
-			{:else}
-				<button
-					on:click={() => {
-						status = 'inside';
-					}}
-				>
-					<MainButton><div class="w-20 p-0">Going Out</div></MainButton>
-				</button>
-			{/if}
-		</div>
-	</div>
-</div>
-
-<style>
-	.scanner {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		gap: 20px;
-	}
-	reader {
-		width: 100%;
-		min-height: 250px;
-		background-color: black;
-	}
-</style>
diff --git a/src/routes/admin/users/+page.svelte b/src/routes/admin/users/+page.svelte
new file mode 100644
index 00000000..a1f23ed3
--- /dev/null
+++ b/src/routes/admin/users/+page.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+
+</script>
+
+<section class="bg-slate-600 w-full h-full">
+    content
+</section>
\ No newline at end of file
diff --git a/src/routes/admin/utils.ts b/src/routes/admin/utils.ts
new file mode 100644
index 00000000..28c89aef
--- /dev/null
+++ b/src/routes/admin/utils.ts
@@ -0,0 +1,60 @@
+import * as xlsx from 'xlsx';
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function downloadData(data: any[], columns: string[], filename = 'data') {
+	if (data.length === 0) {
+		console.warn('No data to export');
+		return;
+	}
+
+	// const workbook = xlsx.utils.book_new();
+
+	// // Iterate over each JSON element
+	// data.forEach((jsonElement, index) => {
+	// 	// Find the key with an array of objects
+	// 	const key = Object.keys(jsonElement).find((k) => Array.isArray(jsonElement[k]));
+	// 	if (key) {
+	// 		// Get the array of objects
+	// 		const arrayData = jsonElement[key];
+
+	// 		// Create a worksheet from the array of objects
+	// 		const worksheet = xlsx.utils.json_to_sheet(arrayData);
+
+	// 		// Append the worksheet to the workbook
+	// 		xlsx.utils.book_append_sheet(workbook, worksheet, `Sheet${index + 1}`);
+	// 	}
+	// });
+
+	// Create a worksheet from the data with headers
+	const worksheet = xlsx.utils.json_to_sheet(data, { header: columns });
+
+	// Add headers manually to the worksheet
+	xlsx.utils.sheet_add_aoa(worksheet, [columns], { origin: 'A1' });
+
+	// Create a new workbook and append the worksheet
+	const workbook = xlsx.utils.book_new();
+	xlsx.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
+
+	// Write the workbook to a binary string
+	const binaryString = xlsx.write(workbook, { bookType: 'xlsx', type: 'binary' });
+
+	// Convert the binary string to a Blob
+	const blob = new Blob([s2ab(binaryString)], { type: 'application/octet-stream' });
+
+	// Create a temporary URL for the Blob and trigger the download
+	const url = window.URL.createObjectURL(blob);
+	const a = document.createElement('a');
+	a.href = url;
+	a.download = filename + '.xlsx';
+	a.click();
+	window.URL.revokeObjectURL(url);
+}
+
+function s2ab(s: string): ArrayBuffer {
+	const buf = new ArrayBuffer(s.length);
+	const view = new Uint8Array(buf);
+	for (let i = 0; i < s.length; i++) {
+		view[i] = s.charCodeAt(i) & 0xff;
+	}
+	return buf;
+}
diff --git a/src/routes/api/admin/events/attendence/+server.ts b/src/routes/api/admin/events/attendence/+server.ts
new file mode 100644
index 00000000..b71c025e
--- /dev/null
+++ b/src/routes/api/admin/events/attendence/+server.ts
@@ -0,0 +1,41 @@
+import { db } from '$lib/db/db.js';
+
+export async function POST({ request }) {
+	const req = await request.json();
+
+	const { state, teamId } = req;
+
+	if (!teamId) {
+		return new Response(
+			JSON.stringify({
+				error: 'State and teamId are required'
+			}),
+			{ status: 400 }
+		);
+	} else {
+		try {
+			const team = await db.team.update({
+				where: {
+					id: teamId
+				},
+				data: {
+					attended: state
+				}
+			});
+			
+			return new Response(
+				JSON.stringify({
+					team: team
+				}),
+				{ status: 200 }
+			);
+		} catch (e) {
+			return new Response(
+				JSON.stringify({
+					error: e
+				}),
+				{ status: 400 }
+			);
+		}
+	}
+}
diff --git a/src/routes/api/eventRegistration/+server.ts b/src/routes/api/eventRegistration/+server.ts
index d0f7e52d..cd1d1972 100644
--- a/src/routes/api/eventRegistration/+server.ts
+++ b/src/routes/api/eventRegistration/+server.ts
@@ -1,3 +1,4 @@
+import { success } from '$lib/components/Toast/toast.js';
 import { db } from '$lib/db/db';
 
 export async function GET({ url }) {
@@ -10,7 +11,8 @@ export async function GET({ url }) {
             user: {
                 some: { id: studentId }
             }
-        }
+        },
+        include: { user: true }
     })
     
     if (registration) {
@@ -24,7 +26,7 @@ export async function POST({ request }) {
     const data = await request.json();
 
     if (data.userCreate) {
-        const user = await db.user.update({
+        await db.user.update({
             where: { id: data.userId },
             data: {
                 displayName: data.userName,
@@ -41,6 +43,8 @@ export async function POST({ request }) {
             data: {
                 eventId: data.eventId,
                 name: data.teamName,
+                leaderId:data.userId,
+                transactionId:data.transactionId,
                 user: {
                     connect: { id: data.userId }
                 }
@@ -74,4 +78,42 @@ export async function POST({ request }) {
         })
         return new Response(JSON.stringify({ success: true, team, userCreate: data.userCreate }), { status: 201 });
     }
+}
+
+export async function DELETE({request}){
+    const data=await request.json()
+    
+    if(data.choice === 'remove' || data.choice === 'leave') {
+        const deleteMember = await db.team.update({
+            where: {
+                id: data.teamId
+            },
+            data: {
+                user: {
+                    disconnect: { id: data.userId }
+                }
+            }
+        })
+        return new Response(JSON.stringify({ success: true, deleteMember, choice: data.choice }),{status:201})
+    } else if(data.choice === 'delete') {
+        const deleteTeam = await db.team.delete({
+            where: {
+                id: data.teamId
+            }
+        })
+        return new Response(JSON.stringify({ success: true, deleteTeam, choice: data.choice }),{status:201})
+    }
+}
+
+export async function PATCH({request}){
+    const data=await request.json()
+    const updateTeam = await db.team.update({
+        where: {
+            id: data.teamId
+        },
+        data: {
+            isConfirmed: true
+        }
+    })
+    return new Response(JSON.stringify({ success: true, updateTeam }),{status:201})
 }
\ No newline at end of file
diff --git a/src/routes/create-account/+page.svelte b/src/routes/create-account/+page.svelte
index ee1707cf..81958ebb 100644
--- a/src/routes/create-account/+page.svelte
+++ b/src/routes/create-account/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
-	import AuthCheck from '$lib/components/Auth/AuthCheck.svelte';
 
 	import { Button } from '$lib/components/ui/custom_button';
 	import * as Card from '$lib/components/ui/card';
@@ -10,10 +9,11 @@
 
 	import { user, userData, userProfileData } from '$lib/auth/stores';
 
-	import { page } from '$app/stores';
 	import { redirectTo } from '$lib/stores/redirect';
+	import { onMount } from 'svelte';
+	import { browser } from '$app/environment';
 	// let redirect = $page.url.searchParams.get('redirect') ?? '';
-	let redirect = $redirectTo ?? ""
+	let redirect = $redirectTo ?? '';
 
 	let name = '';
 	let usn = '';
@@ -74,8 +74,17 @@
 		}, 500);
 	}
 
+	onMount(() => {
+		if ($userProfileData) {
+			name = $userProfileData.displayName ?? '';
+			usn = $userProfileData.usn ?? '';
+			phone = $userProfileData.phone ?? '';
+		}
+	});
+
 	async function createAccount() {
-		if ((isValidName && isValidUSN && isValidUsername && isValidPhone) || ($userProfileData?.displayName && $userProfileData.usn && isValidUsername && $userProfileData.phone)) {
+		console.log(name, usn, username, phone);
+		if (isValidName && isValidUSN && isValidUsername && isValidPhone) {
 			console.log('confirming username', username);
 
 			const response = await fetch(`/api/username?id=${$user?.id}`, {
@@ -102,7 +111,7 @@
 	}
 </script>
 
-{#if $userData !== null}
+{#if browser && $userData !== null}
 	{#if redirect !== ''}
 		{goto(redirect)}
 	{:else}
@@ -122,32 +131,23 @@
 				<Card.Content>
 					<div>
 						<Label class="text-xl" for="name">Name</Label>
-						{#if $userProfileData?.displayName}
-							<p class="text-white bg-muted px-3 py-2 text-sm rounded-md">{$userProfileData?.displayName}</p>
-						{:else}
-							<Input type="text" id="name" placeholder="Enter your full name" bind:value={name} class={!isValidName && isTouchedName ? 'bg-red-200 dark:bg-red-900' : ''} required />
-							<p class="mt-1 text-sm text-muted-foreground">This is the name that will appear on your certificates.</p>
-							{#if isTouchedName && !isValidName}
-								<div>
-									<p>The name you have entered is invalid.</p>
-									<p class="text-sm text-muted-foreground">Your name must begin with a Capital letter and shouldn't begin or end with a space.</p>
-								</div>
-							{/if}
+						<Input type="text" id="name" placeholder="Enter your full name" bind:value={name} class={!isValidName && isTouchedName ? 'bg-red-200 dark:bg-red-900' : ''} required />
+						{#if isTouchedName && !isValidName}
+							<div>
+								<p>The name you have entered is invalid.</p>
+								<p class="text-sm text-muted-foreground">Your name must begin with a Capital letter and shouldn't begin or end with a space.</p>
+							</div>
 						{/if}
 					</div>
 
 					<div class="mt-6">
 						<Label class="text-xl" for="usn">USN</Label>
-						{#if $userProfileData?.usn}
-							<p class="text-white bg-muted px-3 py-2 text-sm rounded-md">{$userProfileData.usn}</p>
-						{:else}
-							<Input type="text" id="usn" placeholder="Enter your college USN" bind:value={usn} class={!isValidUSN && isTouchedUSN ? 'bg-red-200 dark:bg-red-900' : ''} required />
-							{#if isTouchedUSN && !isValidUSN}
-								<div class="mb-2">
-									<p>USN should contain only numbers and CAPITAL letters.</p>
-									<p class="text-sm text-muted-foreground">USN must be 2-14 characters long and alphanumeric (CAPITAL letters only)</p>
-								</div>
-							{/if}
+						<Input type="text" id="usn" placeholder="Enter your college USN" bind:value={usn} class={!isValidUSN && isTouchedUSN ? 'bg-red-200 dark:bg-red-900' : ''} required />
+						{#if isTouchedUSN && !isValidUSN}
+							<div class="mb-2">
+								<p>USN should contain only numbers and CAPITAL letters.</p>
+								<p class="text-sm text-muted-foreground">USN must be 2-14 characters long and alphanumeric (CAPITAL letters only)</p>
+							</div>
 						{/if}
 					</div>
 
@@ -181,15 +181,11 @@
 
 					<div class="mt-6">
 						<Label for="whatsapp" class="mt-10 text-xl">Phone Number</Label>
-						{#if $userProfileData?.phone}
-							<p class="text-white bg-muted px-3 py-2 text-sm rounded-md">{$userProfileData.phone}</p>
-						{:else}
-							<Input type="text" class="{!isValidPhone && isTouchedPhone ? 'bg-red-200 dark:bg-red-900' : ''} {isValidPhone ? 'bg-green-300 dark:bg-green-800' : ''}" id="usn" placeholder="Enter your WhatsApp Phone Number" bind:value={phone} required />
-							{#if isTouchedPhone && !isValidPhone}
-								<div>
-									<p>Write your number as 10 digits with no other characters</p>
-								</div>
-							{/if}
+						<Input type="text" class="{!isValidPhone && isTouchedPhone ? 'bg-red-200 dark:bg-red-900' : ''} {isValidPhone ? 'bg-green-300 dark:bg-green-800' : ''}" id="usn" placeholder="Enter your WhatsApp Phone Number" bind:value={phone} required />
+						{#if isTouchedPhone && !isValidPhone}
+							<div>
+								<p>Write your number as 10 digits with no other characters</p>
+							</div>
 						{/if}
 
 						<p class="mt-1 text-sm text-muted-foreground">We will use this number to contact you if necessary.</p>