Consolidate all icon button logic into <ha-icon-button> + ensure tooltip

[spacegaier]

Breaking change

Proposed change

Icon buttons should by default have a tooltip plus an ARIA label. This PR consolidates all icon button logic (regular and SVG) into <ha-icon-button> for a consistent behavior.

• Check aria-label handling
• Check existing <ha-icon-button> for correct syntax
• Go trough all <ha-svg-icon> 😬
• Cleanup imports
• Replace "hass:" icons

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Example configuration

Additional information

• This PR fixes or closes issue: fixes
• This PR is related to issue or discussion: Unlabeled buttons #3267
• Link to documentation pull request:

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for www.home-assistant.io

[bramkragten]

When you are going through all current ha-icon-button, can you also convert all the static hass: icons to svg paths?

[github-actions]

There hasn't been any activity on this pull request recently. This pull request has been automatically marked as stale because of that and will be closed if no further activity occurs within 7 days.
Thank you for your contributions.

[spacegaier]

When you are going through all current ha-icon-button, can you also convert all the static hass: icons to svg paths?

Done for the *.ts files. The old *.js should be converted once they migrate to TS.