refactor: add theme color (PWA)

public/manifest.webmanifest

@@ -4,6 +4,7 @@
   "display": "standalone",
   "scope": "./",
   "background_color": "#fefffa",
+  "theme_color": "#9c0a45",
   "start_url": "./",
   "icons": [
     {

src/app/components/contact-form/contact-form.ts

@@ -26,6 +26,7 @@ export class ContactForm {
   protected phoneErrorsDictionary = new PhoneFieldErroresDictionary().getDictionary();
 
   handleSubmit(contactForm: ContactFormValue) {
+    if (this.form().invalid) return;
     if (contactForm.company === null || contactForm.name === null || contactForm.phone === null)
       return;
     const contact = new ContactDTO(

src/app/pages/edit/edit.spec.ts

@@ -21,7 +21,7 @@ describe('Edit', () => {
   let CONTACT_MOCK: ContactDTO;
 
   beforeEach(async () => {
-    CONTACT_MOCK = new ContactDTO(1, 'mock', 'mock', 'mock');
+    CONTACT_MOCK = new ContactDTO(1, 'mock', 'mock', '123456789012');
     activatedRoute = jasmine.createSpyObj(ActivatedRoute.name, [], {
       data: of({ contact: CONTACT_MOCK }),
     });