fix: No display for component form-create-quiz

src/app/modules/home/form-play-quiz/form-play-quiz.component.ts

@@ -3,7 +3,7 @@ import { Component } from '@angular/core';
 @Component({
     selector: 'app-form-play-quiz',
     templateUrl: './form-play-quiz.component.html',
-    styleUrl: './form-play-quiz.component.css', 
+    styleUrl: './form-play-quiz.component.css',
 })
 export class FormPlayQuizComponent {
     showCreateQuiz: boolean = true;

src/app/modules/home/form-quiz/form-create-quiz/form-create-quiz.component.html

@@ -26,7 +26,6 @@
         <br />
         <div class="button-group">
             <button class="btn btn-primary" type="submit">Create</button>
-            <button class="btn btn-secondary" (click)="handleClose()">Cancel</button>
         </div>
     </form>
 </div>

src/app/modules/home/form-quiz/form-create-quiz/form-create-quiz.component.ts

@@ -17,12 +17,7 @@ export class FormCreateQuizComponent implements OnInit {
     difficultyCtrl: any;
     form: any;
 
-    constructor(
-        private formQuizService: FormQuizService,
-        private fb: FormBuilder,
-        private dialogRef: MatDialogRef<FormCreateQuizComponent>,
-        private router: Router
-    ) {}
+    constructor(private formQuizService: FormQuizService, private fb: FormBuilder, private router: Router) {}
     categories: { id: number; name: string }[] = [];
     ngOnInit(): void {
         this.categoryCtrl = this.fb.control(null, []);
@@ -51,11 +46,6 @@ export class FormCreateQuizComponent implements OnInit {
                     difficulty: this.form.value.difficulty,
                 },
             });
-            this.dialogRef.close();
         }
     }
-
-    handleClose() {
-        this.dialogRef.close();
-    }
 }