Add avatar component

[cg-julian-taylor]

No description provided.

[alexwbbr]

@cg-julian-taylor please can you alter the without style avatar documentation to use the text instead of the link. I also think when using the external link you shouldn't see text

The link should just accept a url and maybe some aria labels, when using the external link you should be able to see the image or text

Please can you also make sure the avatar component is at the top of the documentation to keep it in alphabetical order

[cg-julian-taylor]

No problem with changing the without style documentation. It does look a bit odd.

As for what you pass in to the avatar itself I believe you should be able to pass in an aria-label as a prop.
You can pass in whatever child components you wish, e.g. an SVG.

I assume the typical use case of passing an image url or initials, however I wanted to demonstrate that the contents are flexible so used an external link as that was the most likely use case I could think of adding.

I also made the assumption that if a user is injecting something such as an SVG they would manipulate styling.

However if I am wrong or you disagree please let me know what use cases I should aim for.

[alexwbbr]

@cg-julian-taylor can you please remove the design system folder from storybook as it is currently broken. It will be picked up in a separate ticket as it requires a bit more work.