split error messages on new lines

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

@@ -121,8 +121,13 @@ export default function RegisterForm() {
 				{formState?.error?.fullName && (
 					<p className="text-sm text-red-500">
 						{
-							formState?.error?.fullName.split('&').map((e) => {
+							formState?.error?.fullName.split('&').map((e, index) => {
-								return t(e) + " "
+								return (
+									<span key={index}>
+										{t(e)}
+										<br />
+									</span>
+								)
 							})
 						}
 					</p>
@@ -148,8 +153,13 @@ export default function RegisterForm() {
 				{formState?.error?.email && (
 					<p className="text-sm text-red-500">
 						{
-							formState?.error?.email.split('&').map((e) => {
+							formState?.error?.email.split('&').map((e, index) => {
-								return t(e) + " "
+								return (
+									<span key={index}>
+										{t(e)}
+										<br />
+									</span>
+								)
 							})
 						}
 					</p>
@@ -213,8 +223,13 @@ export default function RegisterForm() {
 				{formState?.error?.password && (
 					<p className="text-sm text-red-500">
 						{
-							formState?.error?.password.split('&').map((e) => {
+							formState?.error?.password.split('&').map((e, index) => {
-								return t(e)
+								return (
+									<span key={index}>
+										{t(e)}
+										<br />
+									</span>
+								)
 							})
 						}
 					</p>