- Added a new type of exercise

- Updated all solutions to solve a huge bug where after reviewing, it would reset the score

src/pages/login.tsx

@@ -54,7 +54,7 @@ export default function Login() {
 			<main className="w-full h-[100vh] flex bg-white text-black">
 				<ToastContainer />
 				<section className="h-full w-fit min-w-fit relative">
-					<div className="absolute h-full w-full bg-mti-orange-light z-10 bg-opacity-50" />
+					<div className="absolute h-full w-full bg-mti-rose-light z-10 bg-opacity-50" />
 					<img src="/people-talking-tablet.png" alt="People smiling looking at a tablet" className="h-full aspect-auto" />
 				</section>
 				<section className="h-full w-full flex flex-col items-center justify-center gap-2">
@@ -79,9 +79,7 @@ export default function Login() {
 								</div>
 								<span>Remember my password</span>
 							</div>
-							<Link href="/forgot-password" className="text-mti-purple-light text-xs">
-								Forgot Password?
-							</Link>
+							<span className="text-mti-purple-light text-xs">Forgot Password?</span>
 						</div>
 						<Button className="mt-8 w-full" color="purple" disabled={isLoading}>
 							{!isLoading && "Login"}

src/pages/record.tsx

@@ -164,7 +164,7 @@ export default function History({user}: {user: User}) {
 					"flex flex-col gap-4 border border-mti-gray-platinum p-4 cursor-pointer rounded-xl transition ease-in-out duration-300",
 					correct / total >= 0.7 && "hover:border-mti-purple",
 					correct / total >= 0.3 && correct / total < 0.7 && "hover:border-mti-red",
-					correct / total < 0.3 && "hover:border-mti-orange",
+					correct / total < 0.3 && "hover:border-mti-rose",
 				)}
 				onClick={selectExam}
 				role="button">
@@ -174,7 +174,7 @@ export default function History({user}: {user: User}) {
 						className={clsx(
 							correct / total >= 0.7 && "text-mti-purple",
 							correct / total >= 0.3 && correct / total < 0.7 && "text-mti-red",
-							correct / total < 0.3 && "text-mti-orange",
+							correct / total < 0.3 && "text-mti-rose",
 						)}>
 						Level{" "}
 						{(aggregatedLevels.reduce((accumulator, current) => accumulator + current.level, 0) / aggregatedLevels.length).toFixed(1)}

src/pages/register.tsx

@@ -56,7 +56,7 @@ export default function Register() {
 			<main className="w-full h-[100vh] flex bg-white text-black">
 				<ToastContainer />
 				<section className="h-full w-fit min-w-fit relative">
-					<div className="absolute h-full w-full bg-mti-orange-light z-10 bg-opacity-50" />
+					<div className="absolute h-full w-full bg-mti-rose-light z-10 bg-opacity-50" />
 					<img src="/people-talking-tablet.png" alt="People smiling looking at a tablet" className="h-full aspect-auto" />
 				</section>
 				<section className="h-full w-full flex flex-col items-center justify-center gap-12">