Avatar component with ViewComponent (and Tailwind CSS)

The Avatar Component takes a resource argument (defaults to: User) that assumes a has_one_attached :avatar. When no avatar is present, the first letter of their name is shown and a color is generated based on their name. You can also pass a size attribute with a value of ‘xs, sm, md, lg or xl’. As well as a show_badge, either true or false.