Redesigned the Record page along with solving some bugs on the FillBlanks

src/exams/Selection.tsx

@@ -9,6 +9,7 @@ import {totalExamsByModule} from "@/utils/stats";
 import useStats from "@/hooks/useStats";
 import Button from "@/components/Low/Button";
 import {calculateAverageLevel} from "@/utils/score";
+import {sortByModuleName} from "@/utils/moduleUtils";
 
 interface Props {
 	user: User;
@@ -164,7 +165,7 @@ export default function Selection({user, onStart}: Props) {
 					</div>
 				</section>
 				<Button
-					onClick={() => onStart(selectedModules)}
+					onClick={() => onStart(selectedModules.sort(sortByModuleName))}
 					color="green"
 					className="px-12 w-full max-w-xs self-end"
 					disabled={selectedModules.length === 0}>