fix: assign id and name to input fields

src/app/components/contacts/contact-detail/contact-detail.component.ts

@@ -76,6 +76,7 @@ export class ContactDetailComponent {
    */
   toggleConfirmDialog(): void {
     this.showConfirmDialog = !this.showConfirmDialog;
+    this.overlayService.setOverlayData('dialog', '');
   }
 
   /**

src/app/shared/components/overlay/contact-overlay/contact-overlay.component.html

@@ -10,6 +10,8 @@
     <div class="badge">
       <div class="picker">
         <input
+          id="colorPicker"
+          name="colorPicker"
           [(colorPicker)]="overlayData.color"
           [style.background]="newColor === '' ? overlayData.color : newColor"
           (colorPickerChange)="updateColor($event)"
@@ -46,6 +48,8 @@
     <div class="badge">
       <div class="picker">
         <input
+          id="colorPicker"
+          name="colorPicker"
           [(colorPicker)]="randomColor"
           [style.background]="randomColor"
           (colorPickerSelect)="updateColor($event)"