Added Speaking to level, fixed a bug where it was causing level to crash if the listening was already created and the section was switched, added true false exercises to listening

src/components/ExamEditor/Exercises/Speaking/index.tsx

@@ -8,28 +8,20 @@ import { Module } from "@/interfaces";
 interface Props {
     sectionId: number;
     exercise: SpeakingExercise | InteractiveSpeakingExercise;
-    qId?: number;
     module: Module;
 }
 
-const Speaking: React.FC<Props> = ({ sectionId, exercise, qId, module = "speaking" }) => {
-    const { dispatch } = useExamEditorStore();
+const Speaking: React.FC<Props> = ({ sectionId, module = "speaking" }) => {
     const { state } = useExamEditorStore(
         (state) => state.modules[module].sections.find((section) => section.sectionId === sectionId)!
     );
 
-    const onFocus = () => {
-        if (qId) {
-            dispatch({ type: "UPDATE_SECTION_SINGLE_FIELD", payload: { module, sectionId, field: "focusedExercise", value: { questionId: qId, id: exercise.id } } })
-        }
-    }
-
     return (
         <>
-            <div tabIndex={0} className="mx-auto p-3 space-y-6" onFocus={onFocus}>
+            <div className="mx-auto p-3 space-y-6">
                 <div className="p-4">
                     <div className="flex flex-col space-y-6">
-                        {sectionId === 1 && <Speaking1 sectionId={sectionId} exercise={state as InteractiveSpeakingExercise} />}
+                        {sectionId === 1 && <Speaking1 sectionId={sectionId} exercise={state as InteractiveSpeakingExercise } />}
                         {sectionId === 2 && <Speaking2 sectionId={sectionId} exercise={state as SpeakingExercise} />}
                         {sectionId === 3 && <InteractiveSpeaking sectionId={sectionId} exercise={state as InteractiveSpeakingExercise} />}
                     </div>