Fix question page error (#100)

* Fix question page error

It was using the old error system and was missing a toast for
messagingService to serve error messages to user

* Fix linting

---------

Co-authored-by: LimZiJia <[email protected]>

Author: samuelim01

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

@@ -130,7 +130,7 @@ export class QuestionDialogComponent implements OnInit {
                 this.questionUpdate.emit(response.data);
             },
             error: (error: HttpErrorResponse) => {
-                this.errorReceive.emit(error.error.message);
+                this.errorReceive.emit(error.message);
             },
             complete: () => {
                 this.question = {} as Question;
@@ -145,7 +145,7 @@ export class QuestionDialogComponent implements OnInit {
                 this.questionAdd.emit(response.data);
             },
             error: (error: HttpErrorResponse) => {
-                this.errorReceive.emit('Failed to add new question. ' + error.error.message);
+                this.errorReceive.emit('Failed to add new question. ' + error.message);
             },
             complete: () => {
                 this.question = {} as Question;
@@ -182,7 +182,7 @@ export class QuestionDialogComponent implements OnInit {
             },
             error: (error: HttpErrorResponse) => {
                 this.topics = [];
-                this.errorReceive.emit('Failed to load topics. ' + error.error.message);
+                this.errorReceive.emit('Failed to load topics. ' + error.message);
             },
         });
     }

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

@@ -128,3 +128,4 @@ <h3>{{ clickedOnQuestion?.title }}</h3>
         </div>
     </p-sidebar>
 </div>
+<p-toast position="bottom-right" [breakpoints]="{ '920px': { width: '90%' } }" />