Add mask for phone number when registering (#191)

* feat: Add mask for phone number when registering

* feat: Implement user sign-up component with form validation and API integration.

* feat: add user configuration page UI template

Author: matheusandre1

timeless-api/src/main/webui/package-lock.json

@@ -44,14 +44,12 @@ <h1 class="text-xl font-thin my-2 text-center">
     <label for="email">Seu melhor e-mail</label>
   </p-float-label>
   <p-float-label variant="in">
-    <input
+    <p-inputMask
       id="phone_number"
-      class="w-full text-center font-medium"
-      type="text"
-      pSize="small"
-      pInputText
+      styleClass="w-full text-center font-medium"
+      mask="(99) 99999-9999"
       formControlName="phoneNumber"
-      autocomplete="false"
+      autocomplete="off"
     />
     <label for="phone_number">Seu número de telefone</label>
   </p-float-label>

timeless-api/src/main/webui/src/app/pages/sign/sign-up/sign-up.component.html

@@ -13,6 +13,7 @@ import { FloatLabel } from 'primeng/floatlabel';
 import { TimelessApiService } from '../../../timeless-api.service';
 import { catchError } from 'rxjs';
 import { ToastService } from '../../../services/toast.service';
+import { InputMask } from 'primeng/inputmask';
 
 @Component({
   selector: 'app-sign-up',
@@ -23,13 +24,13 @@ import { ToastService } from '../../../services/toast.service';
     RouterLink,
     ReactiveFormsModule,
     FloatLabel,
+    InputMask,
   ],
   templateUrl: './sign-up.component.html',
   styleUrl: './sign-up.component.scss',
 })
 export class SignUpComponent {
   formBuilder = inject(FormBuilder);
-  regex = /^\+?\d{1,3}?[\s-]?\(?\d{1,4}\)?([\s-]?\d{2,4}){1,3}$/;
   form: FormGroup = this.formBuilder.group({
     email: ['', [Validators.email, Validators.required]],
     password: [
@@ -38,7 +39,7 @@ export class SignUpComponent {
     ],
     firstName: ['', [Validators.required, Validators.minLength(1)]],
     lastName: ['', [Validators.required, Validators.minLength(1)]],
-    phoneNumber: ['', [Validators.required, Validators.pattern(this.regex)]],
+    phoneNumber: ['', [Validators.required]],
   });
 
   constructor(