Enhancements to confirm and alert dialogs

[cityremade]

Introduced changes

• alert/confirm css - removed rules for inverted background and font colour, removed header border. Header now plain.
• removed redundant h4 tag nested inside header > h2. Now each dialog has h2 tag only, generated by dialog method.
• buttons now outlined and inside a flexbox aligned right.
• text now aligned left, previously centered which would make it look like a poem.
• removed fixed z-index: 1005 from confirm/alert buttons, it did nothing.
• new property icon - header icons now added for readability. Set params.icon to use any icon in the header for better readability and clear context. If unset, fallback to defaults.
• new property innerContent - allows adding custom html fragment instead of text only as well as separation of custom html and functional buttons.
• cancel/ok buttons now outside customisable dialog content.
• minor scaling effect on buttons in active state, it gives users response that the button has been clicked.
• updated docs.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud