Change question form fields to sharp borders for consistency

Author: ruiqi7

frontend/src/components/ConfirmationDialog/index.tsx

@@ -3,7 +3,6 @@ import DialogTitle from "@mui/material/DialogTitle";
 import DialogContent from "@mui/material/DialogContent";
 import DialogActions from "@mui/material/DialogActions";
 import Dialog from "@mui/material/Dialog";
-import React from "react";
 
 type ConfirmationDialogProps = {
   titleText: string;

frontend/src/components/QuestionDetail/index.tsx

@@ -108,6 +108,12 @@ const QuestionDetail: React.FC<QuestionDetailProps> = ({
                 },
               },
             },
+            img: {
+              component: "img",
+              props: {
+                style: { height: "300px", width: "auto", objectFit: "contain" },
+              },
+            },
           },
         }}
       >

frontend/src/pages/QuestionList/index.tsx

@@ -179,7 +179,6 @@ const QuestionList: React.FC = () => {
           columnSpacing={2}
           sx={(theme) => ({
             marginTop: theme.spacing(2),
-            "& fieldset": { borderRadius: theme.spacing(2.5) },
             "& .MuiTextField-root": { width: "100%" },
           })}
         >