Show human readable error messages when creating component fails
Closes #3520071
This MR:
- Adds client side validation for invalid formats (422 error response)
- button is disabled until input is valid
- added unit tests for
validateMachineNameClientSide
- Renders the human-readable message of the JSON response (409 error response)
- Created new
feature
folders forvalidation
anderror-handling
since we will probably add more in the future. - Added
html-react-parser
library to render HTML to the user for when the error response contains HTML tags like<em/>
See screenshots here: https://www.drupal.org/project/experience_builder/issues/3520071#comment-16096920
Edited by Harumi Jang