Move HeadingToolbar controls to block toolbar

[richtabor]

Description

This PR moves the HeadingToolbar component that we use in our blocks which manipulate headings within InnerBlocks (Services, Features). Instead of utilizing the Sidebar Settings, the controls are moved to the block toolbar.

There is already discussion around removing the sidebar control within the core Heading block. This aligns with the pending experience.

Screenshots

Before:

After:

Types of changes

New feature (non-breaking change which adds functionality), while removing an older feature (including the sidebar control).

How has this been tested?

Checklist:

• My code is tested
• My code follows accessibility standards
• My code has proper inline documentation
• I've included any necessary tests
• I've added proper labels to this pull request

[richtabor]

Looks like the following test will need to be updated. I'd appreciate any extra hands for this! :)

it( 'Updates the inner core/heading blocks when the "Heading Level" control is changed.', function() {
		helpers.addCoBlocksBlockToPage( true, 'features' );

		helpers.openSettingsPanel( /features settings/i );

		cy.get( '.components-coblocks-heading-toolbar [aria-label="Heading 6"]' ).click( { force: true } );
		cy.get( '[data-type="coblocks/feature"] [data-type="core/heading"] h6' ).should( 'have.length', 2 );

		helpers.savePage();
		helpers.checkForBlockErrors( 'features' );
	} );

[richtabor]

Gutenberg is implementing this here: WordPress/gutenberg#20246

[cypress]

---

Test summary

10 • 0 • 0 • 0

---

Run details

Project	CoBlocks
Status	Passed
Commit	27e84e9
Started	Feb 18, 2020 9:24 PM
Ended	Feb 18, 2020 9:25 PM
Duration	01:12 💡
OS	Linux Debian - 10.2
Browser	Chrome 80

View run in Cypress Dashboard ➡️

---

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard

[AnthonyLedesma]

Tested and working well on my end. Approved.