Background
MobileFrontend is responsible for certain JS buttons that are still relying primarily on mw-ui-icon-element. To name a few these include the search overlay close button, VE overlay buttons, buttons inside the drawer component and others. This approach means these buttons are lacking focus and active states, and are not aligned with the design style guide specs for "quiet buttons"
This task is for updating MobileFrontend buttons to match the implementation in MinerveNeue and Vector, aka add the mw-ui-button and mw-ui-button-quiet classes to mw-ui-icon-element buttons.
This is a follow up to: https://gerrit.wikimedia.org/r/c/mediawiki/extensions/MobileFrontend/+/733009
QA
- Ensure all icon buttons on the mobile site all have the correct button states
- The collapse section buttons should no longer be styled as buttons, as the entire header open and close sections