mgr/dashboard: use consistent HTML titling hierarchies in forms
Currently forms (and other hierarchical elements) rely on HTML
<h[1-6]> tags to define the structure of information/fields/etc. However they also use
<legend> elements, or just
<div>'s styled with
That leads to inconsistent structure in the DOM, and often also weird appearance in forms and other elements.
pool-form.component form's title is
<h3>, then there's a
<legend> element "Compression", which appears bigger than the Form header, and another sub-element with title
<h3>. This also happens to other forms (RBD, etc).
We should agree whether we want to structure based on HTML headings (properly styled) or HTML5
<section> + classes with a consistent styling (e.g: PF4 does this), and refactor those elements.
<h> would've been great here too, but unfortunately it seems it's born dead.