Use next/image for all <img> tags

src/components/Widgets/SignupQuestionsWidget/SignupQuestionsWidget.tsx

@@ -5,8 +5,7 @@ import { DragDropContext, Droppable } from "react-beautiful-dnd";
 import { Question } from ".";
 import colors from "@theme/colors";
 import QuestionList from "./QuestionList";
-
-const AddIcon = "/img/add-icon.png";
+import AddIcon from "@components/AddIcon";
 
 const Widget = styled.div`
   & > button {
@@ -18,10 +17,9 @@ const Widget = styled.div`
     padding: 0;
     margin: 1rem 0;
 
-    & > img {
-      margin-right: 8px;
-      margin-top: -2px;
-      width: 20px;
+    & > div {
+      margin-right: 8px !important;
+      margin-top: -2px !important;
     }
   }
 `;
@@ -90,7 +88,7 @@ const SignupQuestionsWidget: React.FC<SignupQuestionsWidgetProps> = ({ value, on
         </Droppable>
       </DragDropContext>
       <AddQuestionButton type="button" onClick={handleNewRowClick(questions)} data-e2e="admin-signup-new-question">
-        <img src={AddIcon} />
+        <AddIcon />
         New Question
       </AddQuestionButton>
     </Widget>