feat(WD-33316): Add blocks support to Hero section

[muhammad-ali-pk]

Done

• Added blocks support, to replace slots. The slots will keep working as expected, however, the new recommended way is to use blocks.

QA

• Check release notes
• Check hero docs
• Check hero examples

Check if PR is ready for release

If this PR contains Vanilla SCSS or macro code changes, it should contain the following changes to make sure it's ready for the release:

• PR should have one of the following labels to automatically categorise it in release notes:
  • Feature 🎁, Breaking Change 💣, Bug 🐛, Documentation 📝, Maintenance 🔨.
• Vanilla version in package.json should be updated relative to the most recent release, following semver convention
  • if existing APIs (CSS classes & macro APIs) are not changed it can be a bugfix release (x.x.X)
  • if existing APIs (CSS classes & macro APIs) are changed/added/removed it should be a minor version (x.X.0)
  • see the wiki for more details
• Any changes to component class names (new patterns, variants, removed or added features) or macros should be listed on the what's new page.

Issue

Fixes WD-33316

[webteam-app]

Demo

Jenkins

demos.haus

[petesfrench]

Should we move slots from the top of the page (and maybe add a notice) to make it clear that users should be using blocks?

'Signpost image' block variant is broken on medium screens:

[muhammad-ali-pk]

@petesfrench Thanks for the review, I've addressed your comments. Please have another look.
Also,

Should we move slots from the top of the page (and maybe add a notice) to make it clear that users should be using blocks?

I realized that the listed examples were still using slots, which would be confusing for users as the slots section mentions those are deprecated. I have updated all the listed examples to use blocks along with the deprecation notice for slots within the slots section. This way, there should be no more confusion between the recommended way and deprecated way.

'Signpost image' block variant is broken on medium screens:

Should be fixed now

[petesfrench]

LGTM