feat: rehype code block

src/pages/404.astro

@@ -17,7 +17,7 @@ import { HomeIcon } from 'lucide-react'
 
 <Layout title="404" description={SITE.DESCRIPTION}>
   <Container>
-    <Breadcrumb className="mb-4">
+    <Breadcrumb className="mb-6">
       <BreadcrumbList>
         <BreadcrumbItem>
           <BreadcrumbLink href="/"

src/pages/about.astro

@@ -16,7 +16,7 @@ import { HomeIcon } from 'lucide-react'
 
 <Layout title="About" description={SITE.DESCRIPTION}>
   <Container>
-    <Breadcrumb className="mb-4">
+    <Breadcrumb className="mb-6">
       <BreadcrumbList>
         <BreadcrumbItem>
           <BreadcrumbLink href="/"

src/pages/authors/[...slug].astro

@@ -47,7 +47,7 @@ const authorPosts = allPosts
   description={author.data.bio || `Profile of ${author.data.name}`}
 >
   <Container>
-    <Breadcrumb className="mb-4">
+    <Breadcrumb className="mb-6">
       <BreadcrumbList>
         <BreadcrumbItem>
           <BreadcrumbLink href="/"

src/pages/authors/index.astro

@@ -18,7 +18,7 @@ const authors = await getCollection('authors')
 
 <Layout title="Authors" description="Authors">
   <Container>
-    <Breadcrumb className="mb-4">
+    <Breadcrumb className="mb-6">
       <BreadcrumbList>
         <BreadcrumbItem>
           <BreadcrumbLink href="/"

src/pages/blog/[...slug].astro

@@ -78,7 +78,7 @@ if (
 
 <Layout title={post.data.title} description={post.data.description}>
   <Container>
-    <Breadcrumb className="mb-4">
+    <Breadcrumb className="mb-6">
       <BreadcrumbList>
         <BreadcrumbItem>
           <BreadcrumbLink href="/"

src/pages/blog/index.astro

@@ -35,7 +35,7 @@ const years = Object.keys(posts).sort((a, b) => parseInt(b) - parseInt(a))
 
 <Layout title="Blog" description="Blog">
   <Container>
-    <Breadcrumb className="mb-4">
+    <Breadcrumb className="mb-6">
       <BreadcrumbList>
         <BreadcrumbItem>
           <BreadcrumbLink href="/"

src/pages/index.astro

@@ -6,7 +6,13 @@ import BlogCard from '@components/BlogCard.astro'
 import { buttonVariants } from '@/components/ui/button'
 import { getCollection } from 'astro:content'
 import Link from '@components/Link.astro'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
 
 const blog = (await getCollection('blog'))
   .filter((post) => !post.data.draft)