feat(WEB-163): edit profile field validation

components/TempDesignSystem/Form/Phone/index.tsx

@@ -132,7 +132,6 @@ export default function Phone({
         </AriaLabel>
         <ErrorMessage errors={formState.errors} name={field.name} />
       </TextField>
-      <ErrorMessage errors={formState.errors} name={name} />
     </div>
   )
 }

components/TempDesignSystem/Form/Phone/phone.module.css

@@ -108,6 +108,10 @@
   border-color: var(--Scandic-Blue-90);
 }
 
+.inputContainer:has(.input[data-invalid="true"], .input[aria-invalid="true"]) {
+  border-color: var(--Scandic-Red-60);
+}
+
 .input {
   background: none;
   border: none;