update validation messages

src/app/ui/forms/register-form.tsx

@@ -55,15 +55,19 @@ export default function RegisterForm() {
 				</label>
 				<input
 					type="text"
-					id="full_name"
-					name="full_name"
+					id="fullName"
+					name="fullName"
 					className={`${styles['form-input']}`}
 					placeholder={t('name-placeholder')}
-					defaultValue={state?.previousState?.full_name ? state?.previousState?.full_name : ''}
+					defaultValue={state?.previousState?.fullName ? state?.previousState?.fullName : ''}
 				/>
-				{state?.error?.full_name && (
+				{state?.error?.fullName && (
 					<p className="text-sm text-red-500">
-						{t(state?.error?.full_name)}
+						{
+							state?.error?.fullName.split('&').map((e) => {
+								return t(e) + " "
+							})
+						}
 					</p>
 				)}
 			</div>
@@ -82,7 +86,11 @@ export default function RegisterForm() {
 					/>
 					{state?.error?.email && (
 						<p className="text-sm text-red-500">
-							{t(state?.error?.email)}
+							{
+								state?.error?.email.split('&').map((e) => {
+									return t(e) + " "
+								})
+							}
 						</p>
 					)}
 				</div>
@@ -106,11 +114,11 @@ export default function RegisterForm() {
 				</label>
 				<input
 					type="text"
-					id="company"
-					name="company"
+					id="companyName"
+					name="companyName"
 					className={`${styles['form-input']}`}
 					placeholder={t('company-placeholder')}
-					defaultValue={state?.previousState?.company ? state?.previousState?.company : ''}
+					defaultValue={state?.previousState?.companyName ? state?.previousState?.companyName : ''}
 				/>
 			</div>
 			<div className={`${styles['form-row']}`}>
@@ -175,7 +183,7 @@ export default function RegisterForm() {
 								handleMouseUp('confirm-password');
 							}}
 							onMouseOut={() => {
-								handleMouseOut('confirm-password')
+								handleMouseOut('confirm-password');
 							}}
 							type="button"
 							className={`show-password-button ${showPassword ? 'show' : ''}`}