message: docs: remove info about breakout
diff: @@ -46,86 +46,6 @@ import { Link } from "@chakra-ui/react"
  </Text>
  ```
  -### Link around containers
  -
  -When add a link to a group of content or container, it is recommended to
  -[**avoid wrapping with a link**](https://www.sarasoueidan.com/blog/nested-links/#native-markup-limitations)
  -
  -To solve this, use the `Link` component with property `breakout` instead. It'll
  -wrap the container in a clickable overlay and maintaining semantic HTML.
  -
  -```jsx
  -// Sample card from Airbnb
  -function AirbnbExample() {
  - const property = {
  - imageUrl: "https://bit.ly/2Z4KKcF",
  - imageAlt: "Rear view of modern home with pool",
  - beds: 3,
  - baths: 2,
  - title: "Modern home in city center in the heart of historic Los Angeles",
  - formattedPrice: "$1,900.00",
  - reviewCount: 34,
  - rating: 4,
  - }
  - return (
  - <Box
  - position="relative"
  - maxW="sm"
  - borderWidth="1px"
  - borderRadius="lg"
  - overflow="hidden"
  - >
  - <Image src={property.imageUrl} alt={property.imageAlt} />
  - <Box p="6">
  - <Box d="flex" alignItems="baseline">
  - <Badge borderRadius="full" px="2" colorScheme="teal">
  - New
  - </Badge>
  - <Box
  - color="gray.500"
  - fontWeight="semibold"
  - letterSpacing="wide"
  - fontSize="xs"
  - textTransform="uppercase"
  - ml="2"
  - >
  - {property.beds} beds &bull; {property.baths} baths
  - </Box>
  - </Box>
  - <Box
  - mt="1"
  - fontWeight="semibold"
  - as="h4"
  - lineHeight="tight"
  - isTruncated
  - >
  - <Link href="#breakout-link" breakout>
  - {property.title}
  - </Link>
  - </Box>
  - <Box>
  - {property.formattedPrice}
  - <Box as="span" color="gray.600" fontSize="sm">
  - / wk
  - </Box>
  - </Box>
  - <Box d="flex" mt="2" alignItems="center">
  - {Array.from({ length: 5 }).map((_, i) => (
  - <StarIcon
  - key={i}
  - color={i < property.rating ? "teal.500" : "gray.300"}
  - />
  - ))}
  - <Box as="span" ml="2" color="gray.600" fontSize="sm">
  - {property.reviewCount} reviews
  - </Box>
  - </Box>
  - </Box>
  - </Box>
  - )
  -}
  -```
  -
  ## Usage with Routing Library
  To use the `Link` with a routing library like Reach Router or React Router, all
  