fix(question): hotfix invalid image dimensions and layout update issue

- Fix image dimensions to ensure proper display
- Resolve issue where images were not showing in question update forms
- Correct the update logic for the "layout" data field

client/src/components/ui/Question/preview-modal.tsx

@@ -48,8 +48,8 @@ const ImageControls = ({
       <Image
         src={imageUrl}
         alt="Question Image Preview"
-        width={0}
-        height={0}
+        width={200}
+        height={300}
         className="h-auto max-h-[30vh] w-auto max-w-[30vw]"
       />
       {controls.map(({ Component, position, layout }) => (

client/src/pages/question/[id].tsx

@@ -360,7 +360,11 @@ function EditQuestionForm({ question }: { question: Question }) {
                 solution: watchedValues.solution_text || "",
                 mark: watchedValues.mark || "",
                 layout: (watchedValues.layout ?? Layout.TOP) as Layout,
-                image: imageUrl,
+                image: imageUrl
+                  ? imageUrl
+                  : question.images && question.images.length > 0
+                    ? question.images[0].url
+                    : null,
               }}
               setLayout={(newLayout: Layout) =>
                 form.setValue("layout", newLayout)

client/src/pages/question/create.tsx

@@ -106,7 +106,7 @@ export default function Create() {
         note: "note",
         solution_text: data.solution_text,
         diff_level: parseInt(data.difficulty),
-        layout: "layout",
+        layout: data.layout,
         mark: parseInt(data.mark, 0),
       },
       {