added the images with no flags into the Modify Contest Page

CTF/CTF-Frontend/src/app/modify-contest/modify-contest.component.html

@@ -99,6 +99,10 @@
                 [ngClass]="{'selected-contest': flag.FlagID === selectedFlag?.FlagID}">
                     {{ flag.Name }} ({{flag.Image}})
                 </li>
+                <li *ngFor="let image of allImages" (click)="selectFlagImage(image)"
+                [ngClass]="{'selected-contest': image.Name === selectedFlagImage?.Name}">
+                  <span style="color:red">NONE: </span> ({{image.Name}})
+                </li>
             </ul>
           </div>
       </div>

CTF/CTF-Frontend/src/app/modify-contest/modify-contest.component.ts

@@ -22,7 +22,8 @@ export class ModifyContestComponent {
   flagsForContest: Flag[] = [];
   selectedContestId: number = 0;
   selectedFlag: Flag | null = null;
-  allImages: Image[] = []
+  selectedFlagImage: Image | null = null;
+  allImages: Image[] = [];
   isDialogVisible = false;
   selectedImage: string = "Select an Image";
   constructor(private renderer: Renderer2, private router: Router, private modifyContestService: ModifyContestService, private terminalService: TerminalService){}
@@ -144,6 +145,12 @@ handlePopupMessage(event: MessageEvent): void {
 
   selectFlag(flag: Flag): void{
     this.selectedFlag = flag
+    this.selectedFlagImage = null;
+  }
+
+  selectFlagImage(image: Image): void {
+    this.selectedFlagImage = image;
+    this.selectedFlag = null;
   }
 
   getEmail(): string {