Created the first exercise of the listening demo

src/components/Exercises/index.tsx

@@ -0,0 +1,22 @@
+import {Exercise, FillBlanksExercise, MatchSentencesExercise, MultipleChoiceExercise} from "@/interfaces/exam";
+import dynamic from "next/dynamic";
+import FillBlanks from "./FillBlanks";
+import MultipleChoice from "./MultipleChoice";
+
+const MatchSentences = dynamic(() => import("@/components/Exercises/MatchSentences"), {ssr: false});
+
+export interface CommonProps {
+	onNext: () => void;
+	onBack: () => void;
+}
+
+export const renderExercise = (exercise: Exercise, onNext: () => void, onBack: () => void) => {
+	switch (exercise.type) {
+		case "fillBlanks":
+			return <FillBlanks {...(exercise as FillBlanksExercise)} onNext={onNext} onBack={onBack} />;
+		case "matchSentences":
+			return <MatchSentences {...(exercise as MatchSentencesExercise)} onNext={onNext} onBack={onBack} />;
+		case "multipleChoice":
+			return <MultipleChoice {...(exercise as MultipleChoiceExercise)} onNext={onNext} onBack={onBack} />;
+	}
+};