Redesigned the MatchSentences exercise

src/exams/Reading.tsx

@@ -4,6 +4,7 @@ import Icon from "@mdi/react";
 import {mdiArrowRight, mdiNotebook} from "@mdi/js";
 import clsx from "clsx";
 import {infoButtonStyle} from "@/constants/buttonStyles";
+import {convertCamelCaseToReadable} from "@/utils/string";
 import {Dialog, Transition} from "@headlessui/react";
 import {renderExercise} from "@/components/Exercises";
 import {renderSolution} from "@/components/Solutions";
@@ -148,6 +149,7 @@ export default function Reading({exam, showSolutions = false, onFinish}: Props)
 					module="reading"
 					totalExercises={exam.exercises.length}
 					disableTimer={showSolutions}
+					label={exerciseIndex === -1 ? undefined : convertCamelCaseToReadable(exam.exercises[exerciseIndex].type)}
 				/>
 				{exerciseIndex === -1 && renderText()}
 				{exerciseIndex > -1 &&