Continued implementing the new design;

Added an average level calculator;

src/components/Sidebar.tsx

@@ -28,7 +28,7 @@ const Nav = ({Icon, label, path, keyPath}: NavProps) => (
 			path === keyPath && "bg-mti-green text-white",
 		)}>
 		<Icon size={20} />
-		<span>{label}</span>
+		<span className="text-lg font-medium">{label}</span>
 	</Link>
 );
 
@@ -59,7 +59,7 @@ export default function Sidebar({path}: Props) {
 					"p-4 px-8 rounded-full flex gap-4 items-center cursor-pointer text-black hover:text-mti-orange transition duration-300 ease-in-out",
 				)}>
 				<RiLogoutBoxFill size={20} />
-				<span>Log Out</span>
+				<span className="text-lg font-medium">Log Out</span>
 			</div>
 		</section>
 	);