Task/internal 26 create a badge with trailing label component 785

[bluemoonecho]

Changes

• Add a badge with label option to the badge atom on storybook
• Fix skip-link doc.

📸 Looks like

👀 Visual changes

Insert a detailed list explaining exactly how to QA your changes from a designer’s PoV

• git fetch
• git checkout <pr-branch-name>
• yarn
• yarn storybook
• navigate to Badge - Badge With Label

Check:

• [x] The appearance matches the design in Zeplin
• [x] The Zeplin component is correctly linked in storybook
• [x] The documentation for this component is correct, understandable, and up-to-date.

👾 Code changes

Check:

• [x] The documentation for this component is correct, understandable, and up-to-date.
• [x] The component makes good use of CSS custom properties to simplify creating variants (or doesn’t have variants).
• [x] Everything that should be a variable, is.

Preflight checks

PR author to check, and delete if not applicable

• [x] Storybook documentation has been updated
• [x] Your changes have been added to the unreleased section of CHANGELOG.md

[planktonic]

@bluemoonecho there’s one point remaining on the preflight checklist :) Could you add an unreleased section to the CHANGELOG.md, with and added section, and add a point describing what you added please? Something like

## Unreleased

### Added

- Added an example showing a text label rendered next to a badge component, to the badge docs.