fix: add max-w-fit classname to avatar components

[wescopeland]

One less thing to remember. This tiny change is intended to mitigate the need to have a div wrapper around these elements. Currently without a max-w-fit wrapper, if the avatar components appear within a table cell, the tooltip will appear when hovering over any part of the cell rather than just the avatar's title label/image.

Before

<div className="max-w-fit">
  <UserAvatar {...user} />
</div>

After

<UserAvatar {...user} />