Fix bugs

- Fixed the issue where line break is not being shown
  in the description table
- Fixed the issue where question becomes undefined
  after an error response is received, causing the
  form to be not prefilled upon clicking edit button

Author: limcaaarl

frontend/src/app/questions/question-dialog.component.ts

@@ -103,7 +103,6 @@ export class QuestionDialogComponent implements OnInit {
         }
 
         this.dialogClose.emit();
-        this.question = {} as Question;
     }
 
     cancel() {
@@ -134,6 +133,7 @@ export class QuestionDialogComponent implements OnInit {
                 this.errorReceive.emit(error.error.message);
             },
             complete: () => {
+                this.question = {} as Question;
                 this.successfulRequest.emit('Question has been updated successfully');
             },
         });
@@ -148,6 +148,7 @@ export class QuestionDialogComponent implements OnInit {
                 this.errorReceive.emit('Failed to add new question. ' + error.error.message);
             },
             complete: () => {
+                this.question = {} as Question;
                 this.successfulRequest.emit('New Question Added');
             },
         });

frontend/src/app/questions/questions.component.html

@@ -59,7 +59,7 @@ <h3 class="m-0">Manage Questions</h3>
                     </td>
                     <td>{{ question.id }}</td>
                     <td>{{ question.title }}</td>
-                    <td>{{ question.description }}</td>
+                    <td style="white-space: pre-wrap">{{ question.description }}</td>
                     <td>{{ question.topics.join(', ') }}</td>
                     <td>{{ question.difficulty }}</td>
                     <td>