chore: moved feedback error notification

packages/react/src/components/Field/FieldFeedback.tsx

@@ -14,22 +14,20 @@ export const FieldFeedback: React.FunctionComponent<FieldFeedbackProps> = ({
 }: FieldFeedbackProps) => {
 	const Errors = React.useMemo(() => {
 		if (!errors || !errors.length) return null;
-		return (
-			<ul
+		return errors.join(' ');
+	}, [errors]);
+
+	return (
+		<div id={id} className={className}>
+			<div
 				className={errorsClass}
 				id={errorsId}
 				aria-label="Errors"
 				aria-live={(liveErrors) ? 'assertive' : undefined}
 				aria-atomic={(liveErrors) ? 'true' : undefined}
 			>
-				{ errors.map((err) => <li key={err}>{ err }</li>) }
-			</ul>
-		);
-	}, [errors, errorsClass, errorsId, liveErrors]);
-
-	return (
-		<div id={id} className={className}>
-			{ Errors }
+				{Errors}
+			</div>
 			{ children }
 		</div>
 	);