Better Avatar component

**Is your feature request related to a problem? Please describe.**
The current Avatar component(s) do the job, but they can do it better. Handling Avatar.Image and Avatar.Text is painful with if/else since it doesn't support fallback.

**Describe the solution you'd like**
A small refactor to the Avatar component to support Image mainly, and fallback to Text

Example:
```typescript

P

```

**Describe alternatives you've considered**
Manually checking for image loading, if it fails then I need to render Avatar.Text instead.