feat: add id support to patterns

[britneywwc]

Rationale

• This update adds IDs to section headers to enable anchor linking. This was requested for the new copy-doc template by @Sophie-32.
• The goal is to extend ID support to all patterns required by the template, allowing stakeholders to navigate directly to specific sections from within the copy doc.

Done

• Add id support to three patterns:
  • Basic section
  • Pricing block
  • Equal heights
• Amend docs and examples with the ID

Fixes WD-31488

QA

• Open demo
• Go to Basic Section
  • Check that the h2 heading title under "Basic section / Mixed content" has an ID attached to it
  • Scroll down to Jinja Macro section
  • Check that title.id documentation has been updated
• Go to Pricing Block
  • Repeat previous steps for the examples: 4 blocks, 3 blocks, 2 blocks and 1 block
  • Check that "Title ID" documentation has been added in the description table (at the top of the page) and also under "Jinja macros"
• Go to Equal Heights
  • Repeat previous steps for the examples: 4 blocks, 3 blocks, 2 blocks and 1 block
  • Check that "Title ID" documentation has been added in the description table (at the top of the page) and also under "Jinja macros"

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.

Screenshots

[if relevant, include a screenshot or screen capture]

[webteam-app]

Demo

Jenkins

demos.haus

[britneywwc]

Thanks for the reviews @Onibenjo @jmuzina!

I updated it with both your suggestions:

• Adding ID to section/div level
• Allow ID to be passed in as attrs object

Could you please have another look?

[Onibenjo]

Some comments.

Also the QA steps needs updating from the old title id wording.

Aside these, LGTM.

[Onibenjo]

Minor suggestion for consistency.

LGTM.

[Onibenjo]

@britneywwc can you fix the conflict. There's been a version bump on the main branch

[jmuzina]

A few small changes to get this ready for merge / release - I'll merge afterwards if all the checks are passing :)

[britneywwc]

Thanks again for the reviews! I'll leave the PR open until @jmuzina approves the pending checks :)