[Feature] Dynamic header size for a11y

[devtobi]

Relevant template

refarch-webcomponent

Problem description (optional)

Because WebComponents can be inserted in any apps, we need to not only make sure the webcomponent itself has a consistent heading structure but also that in integrates consistently into the heading structure of the surrounding app.
Because we don't know that beforehand, we should include the feature to set the root level heading of the component and then dynamically set all the other heading tags used inside the implementation of the webcomponent itself.
This way we can achieve a consistent heading hierarchy.

Desired solution

Add a property heading-root to the webcomponent and provide a dynamic heading component which makes use of this attribute.

Considered alternatives (optional)

No response

Additional context (optional)

See https://github.com/it-at-m/digiwf-core/tree/dev/digiwf-apps/packages/apps/digiwf-webcomponent as a reference.

No duplicate

• I confirm that this issue is not a duplicate

Code of Conduct

• I agree to follow this project's Code of Conduct