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.

Bắt đầu bằng cách tìm component Avatar và các entry point hiện có Avatar.Image và Avatar.Text. Xem lại các bài test của những component lân cận trước khi triển khai việc sử dụng AvatarImage và AvatarFallback theo yêu cầu; hoàn tất khi một hình ảnh có thể được render với văn bản hiển thị khi hình ảnh không khả dụng.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.