Fix the 'Invalid Usage' notice message taking extra space for Course Categories block

[Imran92]

Goal

When a block that should be in a Course page or inside a Course List block is used outside of a course context and not inside them, we show an Invalid Usage notice. It shows as expected for all other blocks we've tested for but looks different for the Course Categories block.

We should fix it to look like other Invalid Usage notice

Screenshot

[LavaGolem]

What I found so far is that Course Categories are wrapped inside the <div class="wp-block" data-align="left">
This adds some weird CSS to them.
Other examples are not wrapped inside that element.

I couldn't find the difference, but here are some similar issues I've found:
WordPress/gutenberg#33142
WordPress/gutenberg#23089

[github-actions]

Closed by #5546.