message: docs(avatar): use Wrap for containers
diff: @@ -38,7 +38,7 @@ import { Avatar, AvatarBadge } from "@chakra-ui/core"
  ## Usage
  ```jsx
  -<Stack direction="row">
  +<Wrap>
  <Avatar name="Dan Abrahmov" src="https://bit.ly/dan-abramov" />
  <Avatar name="Kola Tioluwani" src="https://bit.ly/tioluwani-kolawole" />
  <Avatar name="Kent Dodds" src="https://bit.ly/kent-c-dodds" />
  @@ -46,7 +46,7 @@ import { Avatar, AvatarBadge } from "@chakra-ui/core"
  <Avatar name="Prosper Otemuyiwa" src="https://bit.ly/prosper-baba" />
  <Avatar name="Christian Nwamba" src="https://bit.ly/code-beast" />
  <Avatar name="Segun Adebayo" src="https://bit.ly/sage-adebayo" />
  -</Stack>
  +</Wrap>
  ```
  ### Avatar Sizes
  @@ -54,7 +54,7 @@ import { Avatar, AvatarBadge } from "@chakra-ui/core"
  The `Avatar` component comes in 7 sizes.
  ```jsx
  -<Stack direction="row">
  +<Wrap>
  <Avatar size="2xs" name="Dan Abrahmov" src="https://bit.ly/dan-abramov" />
  <Avatar
  size="xs"
  @@ -70,7 +70,7 @@ The `Avatar` component comes in 7 sizes.
  />
  <Avatar size="xl" name="Christian Nwamba" src="https://bit.ly/code-beast" />
  <Avatar size="2xl" name="Segun Adebayo" src="https://bit.ly/sage-adebayo" />
  -</Stack>
  +</Wrap>
  ```
  ### Avatar Fallbacks
  