Added Image with Multiple CHoice

src/routes/connected/display/running/[game]/[wall]/[category]/[question]/+page.svelte

@@ -6,6 +6,7 @@
     import {
         isAudioMultipleChoiceQuestion,
         isAudioQuestion,
+        isImageMultipleChoiceQuestion,
         isImageQuestion,
         isMultipleChoiceQuestion,
         isSimpleQuestion
@@ -17,6 +18,7 @@
     import ImageQuestionComponent from "$lib/ImageQuestionComponent.svelte";
     import AudioQuestionComponent from "$lib/AudioQuestionComponent.svelte";
     import AudioMultipleChoiceQuestionComponent from "$lib/AudioMultipleChoiceQuestionComponent.svelte";
+    import ImageMultipleChoiceQuestionComponent from "$lib/ImageMultipleChoiceQuestionComponent.svelte";
 
     console.log("wall:", page.params.wall);
 
@@ -134,6 +136,13 @@
             <MultipleChoiceQuestionComponent {question} {showAnswer} {showQuestion} />
         {:else if isImageQuestion(question)}
             <ImageQuestionComponent {question} {showAnswer} {showQuestion} {isBuzzed} />
+        {:else if isImageMultipleChoiceQuestion(question)}
+            <ImageMultipleChoiceQuestionComponent
+                {question}
+                {showAnswer}
+                {showQuestion}
+                {isBuzzed}
+            />
         {:else if isAudioQuestion(question)}
             <AudioQuestionComponent {question} {showAnswer} {showQuestion} showPlayer={false} />
         {:else if isAudioMultipleChoiceQuestion(question)}

src/routes/connected/games/[game]/+page.svelte

@@ -8,7 +8,8 @@
         isImageQuestion,
         type Game,
         isAudioQuestion,
-        isAudioMultipleChoiceQuestion
+        isAudioMultipleChoiceQuestion,
+        isImageMultipleChoiceQuestion
     } from "$lib/games/games";
     import ws from "$lib/websocket.svelte";
     import { page } from "$app/state";
@@ -22,6 +23,7 @@
     import ImageQuestionComponent from "$lib/ImageQuestionComponent.svelte";
     import AudioQuestionComponent from "$lib/AudioQuestionComponent.svelte";
     import AudioMultipleChoiceQuestionComponent from "$lib/AudioMultipleChoiceQuestionComponent.svelte";
+    import ImageMultipleChoiceQuestionComponent from "$lib/ImageMultipleChoiceQuestionComponent.svelte";
 
     let startDisabled = $state(true);
 
@@ -370,6 +372,13 @@
                                 showQuestion={true}
                                 isBuzzed={false}
                             />
+                        {:else if isImageMultipleChoiceQuestion(gameManager.question)}
+                            <ImageMultipleChoiceQuestionComponent
+                                question={gameManager.question}
+                                showAnswer={true}
+                                showQuestion={true}
+                                isBuzzed={false}
+                            />
                         {:else if isAudioQuestion(gameManager.question)}
                             <AudioQuestionComponent
                                 question={gameManager.question}