feat(26339): Improve errors display in RJSF forms and handle focus on hidden widget

[vanch3d]

See https://hivemq.kanbanize.com/ctrl_board/57/cards/26339/details/

The PR significantly improves the rendering of the error summary in all the RJSF-based forms. The main problem was error messages mentioning an input field that might be on a grouping tab not currently active or within a "collapsed" item in an array. In such situations, not only would the field with the property not be visible to the users, but its location would not even be mentioned.

Design

• The warning in the browser for trying to focus on a hidden DOM element has been removed by disabling HTML5 validation that was already creating conflict with the form-based validation
• The error list has been redesigned to include two elements on each item
  • If an error is in a tab, the name of the tab is displayed before the error message
  • a "link" to the field in question is added after the error message
• Both items are clickable buttons and will shift the focus to the relevant field
• If the tab containing the button is not active, it will be activated first before the focus is shifting

Out-of-scope

• The errors in the form are all itemised, potentially resulting in a very long list. Filtering and grouping could help error management but will be handled in a different ticket

Before

After

[oli-hivemq]

Nothing major but I left a few comments