message: fix: blog post card component in docs
diff: -import { Box, Heading, LinkBox, Text, VStack } from "@chakra-ui/react"
  +import {
  + Box,
  + Heading,
  + LinkBox,
  + LinkOverlay,
  + Text,
  + VStack,
  +} from "@chakra-ui/react"
  import format from "date-fns/format"
  import parseISO from "date-fns/parseISO"
  import _ from "lodash"
  @@ -14,23 +21,28 @@ export const BlogPostCard: React.FC<BlogPostCardProps> = ({ post }) => {
  const readableDate = format(parseISO(post.date), "MMMM dd, yyyy")
  return (
  - <Link href={post.slug} passHref>
  <LinkBox
  as="article"
  - href={post.slug}
  - tabIndex={0}
  cursor="pointer"
  position="relative"
  - borderRadius="md"
  - alignItems="flex-start"
  + rounded="md"
  pb="3"
  >
  - <Text fontSize="sm" color="gray.500" fontWeight="medium" mb="2">
  + <Text
  + as="time"
  + dateTime={post.date}
  + fontSize="sm"
  + color="gray.500"
  + fontWeight="medium"
  + mb="2"
  + >
  {readableDate}
  </Text>
  <VStack align="flex-start" mb="5">
  <Heading as="h3" size="md">
  - {post.title}
  + <Link href={post.slug} passHref>
  + <LinkOverlay>{post.title}</LinkOverlay>
  + </Link>
  </Heading>
  <Box fontSize="sm" color="gray.500" pt="2">
  <Text as="span" mb="3">
  @@ -51,6 +63,5 @@ export const BlogPostCard: React.FC<BlogPostCardProps> = ({ post }) => {
  </VStack>
  <Text _after={{ content: '"\\02026"' }}>{post.excerpt}</Text>
  </LinkBox>
  - </Link>
  )
  }
  