diff --git a/package.json b/package.json
index 0e82a04..a3f7faf 100644
--- a/package.json
+++ b/package.json
@@ -9,12 +9,16 @@
 		"@testing-library/react": "^13.0.0",
 		"@testing-library/user-event": "^13.2.1",
 		"dayjs": "^1.11.2",
+		"emailjs": "^4.0.0",
 		"env-cmd": "^10.1.0",
 		"firebase": "^9.8.2",
+		"html-to-image": "^1.9.0",
+		"moment": "^2.29.3",
 		"react": "^18.1.0",
 		"react-dom": "^18.1.0",
 		"react-icons": "^4.4.0",
 		"react-multi-carousel": "^2.8.0",
+		"react-qr-code": "^2.0.7",
 		"react-scripts": "5.0.1",
 		"react-scroll": "^1.8.7",
 		"react-vertical-timeline-component": "^3.5.2",
diff --git a/public/assests/mini_hackathon_logo.webp b/public/assets/mini_hackathon_logo.webp
similarity index 100%
rename from public/assests/mini_hackathon_logo.webp
rename to public/assets/mini_hackathon_logo.webp
diff --git a/src/assets/logo/mini_hackathon_logo.png b/src/assets/logo/mini_hackathon_logo.png
deleted file mode 100644
index 74a2bab..0000000
Binary files a/src/assets/logo/mini_hackathon_logo.png and /dev/null differ
diff --git a/src/components/Footer/index.jsx b/src/components/Footer/index.jsx
index 3941229..8919f69 100644
--- a/src/components/Footer/index.jsx
+++ b/src/components/Footer/index.jsx
@@ -4,72 +4,72 @@ import MLSALogo from "../../assets/logo/mlsa_logo.png";
 
 const Footer = () => {
 	return (
-		<footer class="p-4 bg-white shadow md:px-20 md:py-8">
-			<hr class="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8" />
-			<div class="sm:flex sm:items-center sm:justify-between">
+		<footer className="p-4 bg-white shadow md:px-20 md:py-8">
+			<hr className="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8" />
+			<div className="sm:flex sm:items-center sm:justify-between">
 				<div className="flex mt-4 space-x-4 justify-center sm:mt-0">
 					<a
 						href="https://msclubsliit.org/"
-						class="flex items-center mb-4 sm:mb-0"
+						className="flex items-center mb-4 sm:mb-0"
 					>
-						<img src={MSLogo} class="mr-3 h-12" alt="MS Club Of SLIIT" />
+						<img src={MSLogo} className="mr-3 h-12" alt="MS Club Of SLIIT" />
 					</a>
 					<a
 						href="https://studentambassadors.microsoft.com/"
-						class="flex items-center mb-4 sm:mb-0"
+						className="flex items-center mb-4 sm:mb-0"
 					>
-						<img src={MLSALogo} class="mr-3 h-12" alt="MS Club Of SLIIT" />
+						<img src={MLSALogo} className="mr-3 h-12" alt="MS Club Of SLIIT" />
 					</a>
 				</div>
 
-				<span class="block text-sm text-gray-800 text-center font-medium">
+				<span className="block text-sm text-gray-800 text-center font-medium">
 					Copyright © 2022{" "}
-					<a href="https://msclubsliit.org/" class="hover:underline">
+					<a href="https://msclubsliit.org/" className="hover:underline">
 						MS Club of SLIIT
 					</a>
 					. All Rights Reserved.
 				</span>
-				<div class="flex mt-4 space-x-6 justify-center sm:mt-0">
+				<div className="flex mt-4 space-x-6 justify-center sm:mt-0">
 					<a
 						href="https://www.facebook.com/msclubsliit"
-						class="text-gray-500 hover:text-black dark:hover:text-black"
+						className="text-gray-500 hover:text-black dark:hover:text-black"
 					>
 						<svg
-							class="w-5 h-5"
+							className="w-5 h-5"
 							fill="currentColor"
 							viewBox="0 0 24 24"
 							aria-hidden="true"
 						>
 							<path
-								fill-rule="evenodd"
+								fillRule="evenodd"
 								d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
-								clip-rule="evenodd"
+								clipRule="evenodd"
 							/>
 						</svg>
 					</a>
 					<a
 						href="https://www.linkedin.com/company/msclubsliit"
-						class="text-gray-500 hover:text-black dark:hover:text-black"
+						className="text-gray-500 hover:text-black dark:hover:text-black"
 					>
 						<svg
-							class="w-5 h-5"
+							className="w-5 h-5"
 							fill="currentColor"
 							viewBox="0 0 24 24"
 							aria-hidden="true"
 						>
 							<path
-								fill-rule="evenodd"
+								fillRule="evenodd"
 								d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
-								clip-rule="evenodd"
+								clipRule="evenodd"
 							/>
 						</svg>
 					</a>
 					<a
 						href="https://www.instagram.com/msclub.sliit/"
-						class="text-gray-500 hover:text-black dark:hover:text-black"
+						className="text-gray-500 hover:text-black dark:hover:text-black"
 					>
 						<svg
-							class="w-5 h-5"
+							className="w-5 h-5"
 							fill="currentColor"
 							viewBox="0 0 24 24"
 							aria-hidden="true"
@@ -79,35 +79,35 @@ const Footer = () => {
 					</a>
 					<a
 						href="https://www.instagram.com/msclub.sliit/"
-						class="text-gray-500 hover:text-black dark:hover:text-black"
+						className="text-gray-500 hover:text-black dark:hover:text-black"
 					>
 						<svg
-							class="w-5 h-5"
+							className="w-5 h-5"
 							fill="currentColor"
 							viewBox="0 0 24 24"
 							aria-hidden="true"
 						>
 							<path
-								fill-rule="evenodd"
+								fillRule="evenodd"
 								d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-								clip-rule="evenodd"
+								clipRule="evenodd"
 							/>
 						</svg>
 					</a>
 					<a
 						href="https://msclubsliit.org/"
-						class="text-gray-500 hover:text-black dark:hover:text-black"
+						className="text-gray-500 hover:text-black dark:hover:text-black"
 					>
 						<svg
-							class="w-5 h-5"
+							className="w-5 h-5"
 							fill="currentColor"
 							viewBox="0 0 24 24"
 							aria-hidden="true"
 						>
 							<path
-								fill-rule="evenodd"
+								fillRule="evenodd"
 								d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
-								clip-rule="evenodd"
+								clipRule="evenodd"
 							/>
 						</svg>
 					</a>
diff --git a/src/components/Navbar/index.jsx b/src/components/Navbar/index.jsx
index 6637fad..de2cbcc 100644
--- a/src/components/Navbar/index.jsx
+++ b/src/components/Navbar/index.jsx
@@ -165,7 +165,7 @@ const Header = () => {
 										<li
 											key={item.name}
 											to={item.to}
-											duration={item.duration}
+											duration={500}
 											className="-m-3 p-3 flex items-center rounded-md hover:bg-gray-50"
 										>
 											<span className="ml-3 text-base font-medium text-gray-700 cursor-pointer">
@@ -174,7 +174,7 @@ const Header = () => {
 													spy={true}
 													smooth={true}
 													offset={50}
-													duration={item.duration}
+													duration={500}
 													delay={100}
 												>
 													{item.name}
diff --git a/src/components/Ticket/index.jsx b/src/components/Ticket/index.jsx
new file mode 100644
index 0000000..f778aea
--- /dev/null
+++ b/src/components/Ticket/index.jsx
@@ -0,0 +1,99 @@
+import React, { useCallback, useRef } from "react";
+import { toPng } from "html-to-image";
+import QRCode from "react-qr-code";
+import moment from "moment";
+
+/**
+ *
+ * @param {{
+ * 		headerImage: "",
+ * 		ticketNo: "",
+ * 		studentName: "",
+ * 		studentItNo: "",
+ * 		title: "",
+ * 		subTitle: "",
+ * 		date: "",
+ * 		url: "",
+ * }} props
+ * @property url - The url is required to generate the QR code
+ * @example 	
+	* <Ticket
+				headerImage={logo}
+				title="Mini Hackathon 2022"
+				subTitle="Awareness Session 📣"
+				date={new Date()}
+				ticketNo="334535"
+				studentItNo="IT19104218"
+				studentName="Rusiru Abhisheak"
+				url={SessionInfo.awarenessSessionLink}
+			/>
+ */
+const Ticket = (props) => {
+	const isDebugModeOn = false;
+	const ref = useRef(null);
+
+	const onButtonClick = useCallback(() => {
+		if (ref.current === null) {
+			return;
+		}
+
+		toPng(ref.current, { cacheBust: true })
+			.then((dataUrl) => {
+				const link = document.createElement("a");
+				link.download = `${props.studentItNo}.png`;
+				link.href = dataUrl;
+				link.click();
+			})
+			.catch((err) => {
+				isDebugModeOn && console.log(err);
+			});
+	}, [ref, isDebugModeOn, props.studentItNo]);
+
+	return (
+		<div>
+			<div className="m-6 flex justify-center">
+				<div
+					ref={ref}
+					className="bg-white w-5/12 rounded-lg border-2 border-gray-600"
+				>
+					<div className="p-4">
+						<div className="grid grid-cols-2 gap-0">
+							<div>
+								<img src={props.headerImage} alt="logo" width={100} />
+								<div className="flex font-semibold text-xl">{props.title}</div>
+								<div>{props.subTitle}</div>
+								<div>{moment(props.date).format("LLL")}</div>
+								<div className="text-2xl font-bold mt-3">
+									№ {props.ticketNo}
+								</div>
+								<div className="flex">
+									<div>{props.studentItNo}</div>
+									<div className="ml-5">{props.studentName}</div>
+								</div>
+							</div>
+							<div>
+								<div className="flex justify-end">
+									<QRCode value={props.url} size={180} />
+								</div>
+								<div className="flex justify-end">
+									<small className="">Scan the code to join</small>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<div className="flex justify-center">
+				<button
+					onClick={onButtonClick}
+					className="bg-black text-white hover:bg-gray-300 hover:text-black transition duration-0 hover:duration-500 rounded border-0 pt-2 pb-2 pl-4 pr-4"
+				>
+					Save My Ticket
+				</button>
+			</div>
+		</div>
+	);
+};
+
+export default Ticket;
diff --git a/src/components/index.js b/src/components/index.js
index 2d92718..8953f27 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -1,5 +1,6 @@
 import Footer from "./Footer";
 import Navbar from "./Navbar";
 import TimelineComponent from "./TimelineCard";
+import Ticket from "./Ticket";
 
-export { Footer, Navbar, TimelineComponent };
+export { Footer, Navbar, TimelineComponent, Ticket };
diff --git a/src/configs/index.js b/src/configs/index.js
index 6975fcb..36c1f82 100644
--- a/src/configs/index.js
+++ b/src/configs/index.js
@@ -8,4 +8,11 @@ const FirebaseConfigs = {
 	MEASUREMENT_ID: process.env.REACT_APP_MEASUREMENT_ID,
 };
 
-export { FirebaseConfigs };
+const emailConfigs = {
+	USER_NAME: process.env.REACT_APP_MAIL_USER_NAME,
+	PASSWORD: process.env.REACT_APP_MAIL_PASSWORD,
+	HOST: process.env.REACT_APP_MAIL_HOST,
+	SSL: process.env.REACT_APP_MAIL_SSL,
+};
+
+export { FirebaseConfigs, emailConfigs };
diff --git a/src/data/Sessions.json b/src/data/Sessions.json
new file mode 100644
index 0000000..4d58aaf
--- /dev/null
+++ b/src/data/Sessions.json
@@ -0,0 +1,3 @@
+{
+	"awarenessSessionLink": "https://teams.microsoft.com/l/meetup-join/19%3a6646ce03cf974130b2a09e76bd7d35d3%40thread.tacv2/1654087666693?context=%7b%22Tid%22%3a%2244e3cf94-19c9-4e32-96c3-14f5bf01391a%22%2c%22Oid%22%3a%22e65f5f7d-c523-492e-a1af-be2b1c6d9cd3%22%7d"
+}
diff --git a/src/utils/emailSend.js b/src/utils/emailSend.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/Sponsors/index.jsx b/src/views/Sponsors/index.jsx
index 2d61ef1..c3f26a6 100644
--- a/src/views/Sponsors/index.jsx
+++ b/src/views/Sponsors/index.jsx
@@ -10,26 +10,26 @@ const Sponsers = () => {
 
 			<div className="grid grid-cols-1 md:grid-cols-4 gap-4">
 				<div className="flex justify-center">
-					<a href="https://msclubsliit.org/" class="mb-4 sm:mb-0">
-						<img src={CompanyLogo1} class="h-40" alt="MS Club Of SLIIT" />
+					<a href="https://msclubsliit.org/" className="mb-4 sm:mb-0">
+						<img src={CompanyLogo1} className="h-40" alt="MS Club Of SLIIT" />
 					</a>
 				</div>
 
 				<div className="flex justify-center">
-					<a href="https://msclubsliit.org/" class="mb-4 sm:mb-0">
-						<img src={CompanyLogo1} class="h-40" alt="MS Club Of SLIIT" />
+					<a href="https://msclubsliit.org/" className="mb-4 sm:mb-0">
+						<img src={CompanyLogo1} className="h-40" alt="MS Club Of SLIIT" />
 					</a>
 				</div>
 
 				<div className="flex justify-center">
-					<a href="https://msclubsliit.org/" class="mb-4 sm:mb-0">
-						<img src={CompanyLogo1} class="h-40" alt="MS Club Of SLIIT" />
+					<a href="https://msclubsliit.org/" className="mb-4 sm:mb-0">
+						<img src={CompanyLogo1} className="h-40" alt="MS Club Of SLIIT" />
 					</a>
 				</div>
 
 				<div className="flex justify-center">
-					<a href="https://msclubsliit.org/" class="mb-4 sm:mb-0">
-						<img src={CompanyLogo1} class="h-40" alt="MS Club Of SLIIT" />
+					<a href="https://msclubsliit.org/" className="mb-4 sm:mb-0">
+						<img src={CompanyLogo1} className="h-40" alt="MS Club Of SLIIT" />
 					</a>
 				</div>
 			</div>
diff --git a/src/views/Timeline/index.jsx b/src/views/Timeline/index.jsx
index b03b22f..cace9b3 100644
--- a/src/views/Timeline/index.jsx
+++ b/src/views/Timeline/index.jsx
@@ -10,9 +10,12 @@ const Timeline = () => (
 			Timeline
 		</h1>
 		<VerticalTimeline lineColor={"black"}>
-			{TimelineData.data.map((singleTimelineDetails) => {
-				return <TimelineComponent data={singleTimelineDetails} />;
-			})}
+			{TimelineData.data.map((singleTimelineDetails) => (
+				<TimelineComponent
+					key={singleTimelineDetails.id}
+					data={singleTimelineDetails}
+				/>
+			))}
 		</VerticalTimeline>
 	</div>
 );
diff --git a/yarn.lock b/yarn.lock
index 952705f..fad3956 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1151,7 +1151,7 @@
   dependencies:
     postcss-value-parser "^4.2.0"
 
-"@csstools/postcss-trigonometric-functions@^1.0.0":
+"@csstools/postcss-trigonometric-functions@^1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-1.0.1.tgz#e36e61f445614193dbf6d3a8408709b0cf184a6f"
   integrity sha512-G78CY/+GePc6dDCTUbwI6TTFQ5fs3N9POHhI6v0QzteGpf6ylARiJUNz9HrRKi4eVYBNXjae1W2766iUEFxHlw==
@@ -2400,9 +2400,9 @@
   integrity sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==
 
 "@types/node@*", "@types/node@>=12.12.47", "@types/node@>=13.7.0":
-  version "17.0.38"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.38.tgz#f8bb07c371ccb1903f3752872c89f44006132947"
-  integrity sha512-5jY9RhV7c0Z4Jy09G+NIDTsCZ5G0L5n+Z+p+Y7t5VJHM30bgwzSjVtlcBxqAj+6L/swIlvtOSzr8rBk/aNyV2g==
+  version "17.0.39"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.39.tgz#3652d82e2a16b4ea679d5ea3143b816c91b7e113"
+  integrity sha512-JDU3YLlnPK3WDao6/DlXLOgSNpG13ct+CwIO17V8q0/9fWJyeMJJ/VyZ1lv8kDprihvZMydzVwf0tQOqGiY2Nw==
 
 "@types/parse-json@^4.0.0":
   version "4.0.0"
@@ -3569,9 +3569,9 @@ colord@^2.9.1:
   integrity sha512-Uqbg+J445nc1TKn4FoDPS6ZZqAvEDnwrH42yo8B40JSOgSLxMZ/gt3h4nmCtPLQeXhjJJkqBx7SCY35WnIixaQ==
 
 colorette@^2.0.10:
-  version "2.0.16"
-  resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.16.tgz#713b9af84fdb000139f04546bd4a93f62a5085da"
-  integrity sha512-hUewv7oMjCp+wkBv5Rm0v87eJhq4woh5rSR+42YSQJKecCqgIqNkZ6lAlQms/BwHPJA5NKMRlpxPRv0n8HQW6g==
+  version "2.0.17"
+  resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.17.tgz#5dd4c0d15e2984b7433cb4a9f2ead45063b80c47"
+  integrity sha512-hJo+3Bkn0NCHybn9Tu35fIeoOKGOk5OCC32y4Hz2It+qlCO2Q3DeQ1hRn/tDDMQKRYUEzqsl7jbF6dYKjlE60g==
 
 combined-stream@^1.0.8:
   version "1.0.8"
@@ -3873,10 +3873,10 @@ css@^3.0.0:
     source-map "^0.6.1"
     source-map-resolve "^0.6.0"
 
-cssdb@^6.6.2:
-  version "6.6.2"
-  resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-6.6.2.tgz#6c1c1777483c909a8fc64f296a51546136b35f45"
-  integrity sha512-w08LaP+DRoPlw4g4LSUp+EWRrWTPlrzWREcU7/6IeMfL7tPR2P9oeQ1G+pxyfMmLWBNDwqHWa6kxiuGMLb71EA==
+cssdb@^6.6.3:
+  version "6.6.3"
+  resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-6.6.3.tgz#1f331a2fab30c18d9f087301e6122a878bb1e505"
+  integrity sha512-7GDvDSmE+20+WcSMhP17Q1EVWUrLlbxxpMDqG731n8P99JhnQZHR9YvtjPvEHfjFUjvQJvdpKCjlKOX+xe4UVA==
 
 cssesc@^3.0.0:
   version "3.0.0"
@@ -4252,15 +4252,20 @@ ejs@^3.1.6:
     jake "^10.8.5"
 
 electron-to-chromium@^1.4.118:
-  version "1.4.144"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.144.tgz#9a5d1f41452ecc65b686d529ae919248da44f406"
-  integrity sha512-R3RV3rU1xWwFJlSClVWDvARaOk6VUO/FubHLodIASDB3Mc2dzuWvNdfOgH9bwHUTqT79u92qw60NWfwUdzAqdg==
+  version "1.4.145"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.145.tgz#5be3aa470cae3c2bccd20afc4d2a5efdca337b7b"
+  integrity sha512-g4VQCi61gA0t5fJHsalxAc8NpvxC/CEwLAGLfJ+DmkRXTEyntJA7H01771uVD6X6nnViv3GToPgb0QOVA8ivOQ==
 
 email-addresses@^3.0.1:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/email-addresses/-/email-addresses-3.1.0.tgz#cabf7e085cbdb63008a70319a74e6136188812fb"
   integrity sha512-k0/r7GrWVL32kZlGwfPNgB2Y/mMXVTq/decgLczm/j34whdaspNrZO8CnXPf1laaHxI6ptUlsnAxN+UAPw+fzg==
 
+emailjs@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/emailjs/-/emailjs-4.0.0.tgz#e439dfa4136c6ef2a7d9f00d1a1f595b9cc16f87"
+  integrity sha512-t6LqDjGZnIkM+1ghsgazsaZbXnK7Yt+0Qjx6aCK3EGosenTC3w3aoO5wkWuDiBmdl2z9H/zCnTbKJPjTJripkg==
+
 emittery@^0.10.2:
   version "0.10.2"
   resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.10.2.tgz#902eec8aedb8c41938c46e9385e9db7e03182933"
@@ -5318,6 +5323,11 @@ html-minifier-terser@^6.0.2:
     relateurl "^0.2.7"
     terser "^5.10.0"
 
+html-to-image@^1.9.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/html-to-image/-/html-to-image-1.9.0.tgz#cb49bf9f4b37376771c85cfdd65863ae9420b268"
+  integrity sha512-9gaDCIYg62Ek07F2pBk76AHgYZ2gxq2YALU7rK3gNCqXuhu6cWzsOQqM7qGbjZiOzxGzrU1deDqZpAod2NEwbA==
+
 html-webpack-plugin@^5.5.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-5.5.0.tgz#c3911936f57681c1f9f4d8b68c158cd9dfe52f50"
@@ -6706,6 +6716,11 @@ mkdirp@~0.5.1:
   dependencies:
     minimist "^1.2.6"
 
+moment@^2.29.3:
+  version "2.29.3"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.29.3.tgz#edd47411c322413999f7a5940d526de183c031f3"
+  integrity sha512-c6YRvhEo//6T2Jz/vVtYzqBzwvPT95JBQ+smCytzf7c50oMZRsR/a4w88aD34I+/QVSfnoAnSBFPJHItlOMJVw==
+
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
@@ -7165,12 +7180,12 @@ pkg-up@^3.1.0:
   dependencies:
     find-up "^3.0.0"
 
-postcss-attribute-case-insensitive@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-5.0.0.tgz#39cbf6babf3ded1e4abf37d09d6eda21c644105c"
-  integrity sha512-b4g9eagFGq9T5SWX4+USfVyjIb3liPnjhHHRMP7FMB2kFVpYyfEscV0wP3eaXhKlcHKUut8lt5BGoeylWA/dBQ==
+postcss-attribute-case-insensitive@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-5.0.1.tgz#86d323c77ab8896ed90500071c2c8329fba64fda"
+  integrity sha512-wrt2VndqSLJpyBRNz9OmJcgnhI9MaongeWgapdBuUMu2a/KNJ8SENesG4SdiTnQwGO9b1VKbTWYAfCPeokLqZQ==
   dependencies:
-    postcss-selector-parser "^6.0.2"
+    postcss-selector-parser "^6.0.10"
 
 postcss-browser-comments@^4:
   version "4.0.0"
@@ -7231,10 +7246,10 @@ postcss-convert-values@^5.1.2:
     browserslist "^4.20.3"
     postcss-value-parser "^4.2.0"
 
-postcss-custom-media@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-8.0.0.tgz#1be6aff8be7dc9bf1fe014bde3b71b92bb4552f1"
-  integrity sha512-FvO2GzMUaTN0t1fBULDeIvxr5IvbDXcIatt6pnJghc736nqNgsGao5NT+5+WVLAQiTt6Cb3YUms0jiPaXhL//g==
+postcss-custom-media@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-8.0.1.tgz#d9e36aaab0b25b666bf591092cb42d87cd16d6ce"
+  integrity sha512-ZhBAYOOOeEV9eosUARv67HAhwM3PsKaWDxXs31usUoBd78VUiXZGgtbvGM1IFWgTaW2S5oYOJ2iD4dwSdHzfiQ==
 
 postcss-custom-properties@^12.1.7:
   version "12.1.7"
@@ -7243,10 +7258,10 @@ postcss-custom-properties@^12.1.7:
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-custom-selectors@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-6.0.0.tgz#022839e41fbf71c47ae6e316cb0e6213012df5ef"
-  integrity sha512-/1iyBhz/W8jUepjGyu7V1OPcGbc636snN1yXEQCinb6Bwt7KxsiU7/bLQlp8GwAXzCh7cobBU5odNn/2zQWR8Q==
+postcss-custom-selectors@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-6.0.2.tgz#57eef26630a2dff28b705432aa03179c8d05b589"
+  integrity sha512-vGkvyy7js/OPLdeJUCh+iH7xA2+w0lK4ecahUoCaZaDblQXZ9ADrLG4TNI0lNYrJWwe9k/jyLhliIoUs/og3SQ==
   dependencies:
     postcss-selector-parser "^6.0.4"
 
@@ -7571,9 +7586,9 @@ postcss-place@^7.0.4:
     postcss-value-parser "^4.2.0"
 
 postcss-preset-env@^7.0.1:
-  version "7.7.0"
-  resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-7.7.0.tgz#bcc9be9725a85d34e72a8fa69dc5e1130abee301"
-  integrity sha512-2Q9YARQju+j2BVgAyDnW1pIWIMlaHZqbaGISPMmalznNlWcNFIZFQsJfRLXS+WHmHJDCmV7wIWpVf9JNKR4Elw==
+  version "7.7.1"
+  resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-7.7.1.tgz#ca416c15fd63fd44abe5dcd2890a34b0a664d2c8"
+  integrity sha512-1sx6+Nl1wMVJzaYLVaz4OAR6JodIN/Z1upmVqLwSPCLT6XyxrEoePgNMHPH08kseLe3z06i9Vfkt/32BYEKDeA==
   dependencies:
     "@csstools/postcss-cascade-layers" "^1.0.2"
     "@csstools/postcss-color-function" "^1.1.0"
@@ -7585,22 +7600,22 @@ postcss-preset-env@^7.0.1:
     "@csstools/postcss-oklab-function" "^1.1.0"
     "@csstools/postcss-progressive-custom-properties" "^1.3.0"
     "@csstools/postcss-stepped-value-functions" "^1.0.0"
-    "@csstools/postcss-trigonometric-functions" "^1.0.0"
+    "@csstools/postcss-trigonometric-functions" "^1.0.1"
     "@csstools/postcss-unset-value" "^1.0.1"
     autoprefixer "^10.4.7"
     browserslist "^4.20.3"
     css-blank-pseudo "^3.0.3"
     css-has-pseudo "^3.0.4"
     css-prefers-color-scheme "^6.0.3"
-    cssdb "^6.6.2"
-    postcss-attribute-case-insensitive "^5.0.0"
+    cssdb "^6.6.3"
+    postcss-attribute-case-insensitive "^5.0.1"
     postcss-clamp "^4.1.0"
     postcss-color-functional-notation "^4.2.3"
     postcss-color-hex-alpha "^8.0.3"
     postcss-color-rebeccapurple "^7.0.2"
-    postcss-custom-media "^8.0.0"
+    postcss-custom-media "^8.0.1"
     postcss-custom-properties "^12.1.7"
-    postcss-custom-selectors "^6.0.0"
+    postcss-custom-selectors "^6.0.2"
     postcss-dir-pseudo-class "^6.0.4"
     postcss-double-position-gradients "^3.1.1"
     postcss-env-function "^4.0.6"
@@ -7620,7 +7635,7 @@ postcss-preset-env@^7.0.1:
     postcss-place "^7.0.4"
     postcss-pseudo-class-any-link "^7.1.4"
     postcss-replace-overflow-wrap "^4.0.0"
-    postcss-selector-not "^5.0.0"
+    postcss-selector-not "^6.0.0"
     postcss-value-parser "^4.2.0"
 
 postcss-pseudo-class-any-link@^7.1.4:
@@ -7650,12 +7665,12 @@ postcss-replace-overflow-wrap@^4.0.0:
   resolved "https://registry.yarnpkg.com/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-4.0.0.tgz#d2df6bed10b477bf9c52fab28c568b4b29ca4319"
   integrity sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==
 
-postcss-selector-not@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-selector-not/-/postcss-selector-not-5.0.0.tgz#ac5fc506f7565dd872f82f5314c0f81a05630dc7"
-  integrity sha512-/2K3A4TCP9orP4TNS7u3tGdRFVKqz/E6pX3aGnriPG0jU78of8wsUcqE4QAhWEU0d+WnMSF93Ah3F//vUtK+iQ==
+postcss-selector-not@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-selector-not/-/postcss-selector-not-6.0.0.tgz#d100f273d345917246762300411b4d2e24905047"
+  integrity sha512-i/HI/VNd3V9e1WOLCwJsf9nePBRXqcGtVibcJ9FsVo0agfDEfsLSlFt94aYjY35wUNcdG0KrvdyjEr7It50wLQ==
   dependencies:
-    balanced-match "^1.0.0"
+    postcss-selector-parser "^6.0.10"
 
 postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.5, postcss-selector-parser@^6.0.6, postcss-selector-parser@^6.0.9:
   version "6.0.10"
@@ -7825,6 +7840,11 @@ q@^1.1.2:
   resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
   integrity sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==
 
+qr.js@0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/qr.js/-/qr.js-0.0.0.tgz#cace86386f59a0db8050fa90d9b6b0e88a1e364f"
+  integrity sha512-c4iYnWb+k2E+vYpRimHqSu575b1/wKl4XFeJGpFmrJQz5I88v9aY2czh7s0w36srfCM1sXgC/xpoJz5dJfq+OQ==
+
 qs@6.10.3:
   version "6.10.3"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.10.3.tgz#d6cde1b2ffca87b5aa57889816c5f81535e22e8e"
@@ -7956,6 +7976,14 @@ react-multi-carousel@^2.8.0:
   resolved "https://registry.yarnpkg.com/react-multi-carousel/-/react-multi-carousel-2.8.0.tgz#94a74245989b74211c9fcfa02c71009a3da3f487"
   integrity sha512-xuxQVGGiH8yWDDWgt9Z9+C+zzoACuBT740cV+6To52DYCwLlQGJIntDFLOCqMsO85Ist1x+630HA8lazb/a/tA==
 
+react-qr-code@^2.0.7:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/react-qr-code/-/react-qr-code-2.0.7.tgz#508304e031e82426a044f5e9490aca87d7c3de38"
+  integrity sha512-NpknL80p7dWbLdHfBSIxQIqLCu3+kBlyzYD692rO0UnVwfCSziIxc1xn/p3JhPEv1RV1lRD8j0w+hR3L7tawTQ==
+  dependencies:
+    prop-types "^15.7.2"
+    qr.js "0.0.0"
+
 react-refresh@^0.11.0:
   version "0.11.0"
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.11.0.tgz#77198b944733f0f1f1a90e791de4541f9f074046"