fix: Incomplete emails are being accepted at user registration (#29115)

* work in progress

* add Error to input box

* Remove console.logs

* fix lint

* fix emailInput and add useDebouncedValue

* change useDebounced time and useForm validation

* fix review

* Create incomplete-emails.md

* fix: simplified changeset

---------

Co-authored-by: Hugo Costa <hugocarreiracosta@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
Co-authored-by: Gabriel Casals <83978645+casalsgh@users.noreply.github.com>

.changeset/incomplete-emails.md

@@ -0,0 +1,5 @@
+---
+"@rocket.chat/web-ui-registration": patch
+---
+
+✅ Added a new email validation in the Registration Form

packages/web-ui-registration/src/RegisterForm.tsx

@@ -100,9 +100,13 @@ export const RegisterForm = ({ setLoginRoute }: { setLoginRoute: DispatchLoginRo
 							<TextInput
 								{...register('email', {
 									required: true,
+									pattern: {
+										value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
+										message: t('registration.component.form.invalidEmail'),
+									},
 								})}
 								placeholder={usernameOrEmailPlaceholder || t('registration.component.form.emailPlaceholder')}
-								error={errors.email && t('registration.component.form.requiredField')}
+								error={errors.email && t('registration.component.form.invalidEmail')}
 								name='email'
 								aria-invalid={errors.email ? 'true' : undefined}
 								id='email'