Tag Cloud Block: Refactor settings panel to use ToolsPanel

[Sukhendu2002]

Part of: #67813

What?

Refactored Tag Cloud Block code to include ToolsPanel instead of PanelBody.

Screenshots or screencast

Before	After

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: Sukhendu2002 <[email protected]>
Co-authored-by: fabiankaegy <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[fabiankaegy]

This works as expected :)

I left one minor note about also removing some now no longer needed CSS. Once that is done we can merge this 👍

CleanShot.2024-12-13.at.09.38.34.mp4

[fabiankaegy]

If we remove this we should also remove the associated CSS which now is no longer used:

gutenberg/packages/block-library/src/tag-cloud/editor.scss

Lines 13 to 19 in cbe7ef4

	.wp-block-tag-cloud__inspector-settings {
	.components-base-control,
	.components-base-control:last-child {
	// Cancel out extra margins added by block inspector
	margin-bottom: 0;
	}
	}

[fabiankaegy]

@Sukhendu2002 actually, it looks like one of the E2E tests here needs to be updated 👍