feat(avatars): add status indicator component

[Francois-Esquire]

Description

Adds the new StatusIndicator standalone component.

TODO:

• add Figma link for StatusIndicator design - @james-sann will need your assistance with this!

Detail

This PR contains a new component StatusIndicator that is exported from the avatars package. The new component has two props type ("available" | "away" | "transfers" | "offline") and isCompact.

Available type:

Away type:

Transfers type:

Offline type:

Component frame:

Usage example:

Checklist

• 👌 design updates are Garden Designer approved (add the
  designer as a reviewer)
• 🌐 demo is up-to-date (yarn start)
• ⬅️ renders as expected with reversed (RTL) direction
• 🤘 renders as expected with Bedrock CSS (?bedrock)
• ♿ analyzed via axe and evaluated using VoiceOver
• 💂‍♂️ includes new unit tests
• 📝 tested in Chrome, Firefox, Safari, Edge, and IE11

[coveralls]

Coverage increased (+0.01%) to 96.099% when pulling 58347d2 on francois-esquire/avatars-status-indicator into 9b5ddae on main.

[james-sann]

After overlooking all the feedback from JZ, nothing further on my end @Francois-Esquire! Looks great!

FYI @Francois-Esquire — The Figma component is now in the main Figma branch to reference.