fix(forms): preserve regex quantifiers and use inline constraint errors

packages/ui/components/textarea.wrn

@@ -40,7 +40,9 @@ size: string = "default"
       output[nameEvent]({ value: sourceEvent.currentTarget.value, name: name, sourceEvent: sourceEvent })
     }
     client function handleInvalid(sourceEvent) {
-      validationError = sourceEvent.currentTarget.validationMessage
+      sourceEvent.preventDefault()
+      sourceEvent.stopPropagation()
+      validationError = error || (sourceEvent.currentTarget.validity.valueMissing ? "This field is required." : "Enter text within the allowed length.")
       sourceEvent.currentTarget.setAttribute("aria-invalid", "true")
       sourceEvent.currentTarget.closest(".wrn-next--field").setAttribute("data-invalid", "true")
       output.invalid({ value: sourceEvent.currentTarget.value, name: name, message: validationError, sourceEvent: sourceEvent })