Update badge component to have icon only badges

[jim-benson]

Task: task-1011333

Link: preview-716

Update badge component to have icon only badges

Additional information

[Optional]

Contributor checklist

• Did you update the description of this pull request with a review link and test steps?
• Did you submit a changeset? Changesets are required for all code changes.
• Does your pull request implement complex UI logic (js/ts)? Consider adding an integration test to test your user flow.
• Does your pull request add a new page to the documentation site? Add your new page for automated accessibility testing in /integration/tests/accessibility.

[changeset-bot]

🦋 Changeset detected

Latest commit: 49631e1

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@microsoft/atlas-site	Minor
@microsoft/atlas-css	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[wibjorn]

I think border: none; should be removed. I think this is the desired stated for these in the high contrast theme:

[wibjorn]

This also means the the default badges will have a border:

Which if not desired can always be changed to use badge-clear.

[jim-benson]

updated