feat(skip-link): add SkipLink component [WD-15080]

[lorumic]

Done

• Added new SkipLink component, based on Vanilla p-skip--link pattern. Added tests and Storybook for it.
• Integrated the SkipLink component inside the ApplicationLayout, so that it can be automatically obtained by React applications using the ApplicationLayout.
• ⚠️ If you are manually adding an a element with the p-skip--link class to your React application, and are also using the ApplicationLayout component, this can be a breaking change for you.
  Please make sure that you remove your manual addition of the skip link when upgrading react-components to the version that includes this change.

QA

Storybook

To see rendered examples of all react-components, run:

yarn start

QA in your project

from react-components run:

yarn build
npm pack

Install the resulting tarball in your project with:

yarn add <path-to-tarball>

QA steps

• Go to the SkipLink page of Storybook.
• Click inside the container of the default example, to move the focus there.
• Hit "Tab", and check that the "Skip to main content" link appears.

Percy steps

• There should be a new page in Storybook, for the SkipLink component.

Fixes

Fixes: WD-15080

[webteam-app]

Demo

Jenkins

demos.haus

[mas-who]

This looks mostly good! Just some small suggestions about the documentation and component interface :)

[mas-who]

LGTM, thank you for the changes :)

[github-actions]

🎉 This PR is included in version 1.4.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀