fix!: refactor warning icon

[BeksOmega]

The basics

• I branched from develop
• My pull request is against develop
• My code follows the style guide
• I ran npm run format and npm run lint

The details

Resolves

Fixes #7040

Proposed Changes

Refactors the warning icon to conform to the IIcon interface.

Reason for Changes

Code unification!

Test Coverage

N/A

Documentation

N/A

Additional Information

Dependent on #7110

Best to review commit-wise! If I need to split this up further just lmk.

Breaking changes / updating / upgrading

If you were previously modifying the warning icon directly, that is no longer available. Modifying warnings should be done through the setWarningText method on the block. E.g:

myBlock.setWarningText('some new warning text', 'an ID');

Deprecations

Showing/hiding bubbles

If you need to modify whether the bubble of the warning icon is visible or not, you can do:

myBlock.getIcon(Blockly.icons.WarningIcon.TYPE).setBubbleVisible(true);

The setVisible method will be removed in v11.

---

If you have another use case that is not covered here, please file a feature request so we can work to find a solution for you =)