feat(AvatarStack): add component

[ogonkov]

No description provided.

[gravity-ui-bot]

Preview is ready.

missclick

[amje]

I have some thoughts on this feature:
We are planning to introduce a new universal Avatar component that replaces current UserAvatar component. Avatar will be fully customizable, different shapes, borders, allow badges and also can be a wrapper around any ReactNode, like Icon can. Thus I see AvatarStack component as follow:

It accepts Avatar components as children. "More" item is an Avatar component with custom render and by default will be rendered depending on props max and total. max prop slices passed children, total concats "More" item to passed children:

<AvatarStack max={2}>
  <Avatar/>
  <Avatar/>
  <Avatar/>
  <Avatar/>
</AvatarStack>

<AvatarStack total={25}>
  <Avatar/>
  <Avatar/>
</AvatarStack>

Alternatively, if full control needed we can render "More" item by ourselves:

<AvatarStack>
  <Avatar/>
  <Avatar/>
  <AvatarStack.More render={...}/>
</AvatarStack>

[gravity-ui-bot]

Playwright Test Component is ready.

[ogonkov]

@amje i have changed component API from render props to children mapping. I didn't add max and total props yet, can we do it in separate PR?