feat: improved ToC highlighting

src/pages/about.astro

@@ -16,18 +16,16 @@ const projects = await getCollection('projects')
     <section>
       <div class="min-w-full">
         <h1 class="mb-4 text-3xl font-bold">Some more about us</h1>
-        <p class="prose prose-neutral dark:prose-invert mb-8">
+        <p class="prose prose-neutral mb-8 dark:prose-invert">
           {SITE.TITLE} is an opinionated, no-frills static blogging template built
           with Astro.
         </p>
 
         <h2 class="mb-4 text-2xl font-semibold">Our Projects</h2>
         <div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
-          {projects.map((project) => (
-            <ProjectCard project={project} />
-          ))}
+          {projects.map((project) => <ProjectCard project={project} />)}
         </div>
       </div>
     </section>
   </Container>
-</Layout>
+</Layout>

src/pages/authors/index.astro

@@ -11,18 +11,18 @@ const authors = await getCollection('authors')
 <Layout title="Authors" description="A list of authors on this site.">
   <Container class="flex flex-col gap-y-6">
     <Breadcrumbs items={[{ label: 'Authors' }]} />
-    {authors.length > 0 ? (
-      <ul class="not-prose flex flex-col gap-4">
-        {
-          authors.map((author) => (
+    {
+      authors.length > 0 ? (
+        <ul class="not-prose flex flex-col gap-4">
+          {authors.map((author) => (
             <li>
               <AuthorCard author={author} />
             </li>
-          ))
-        }
-      </ul>
-    ) : (
-      <p class="text-center text-muted-foreground">No authors found.</p>
-    )}
+          ))}
+        </ul>
+      ) : (
+        <p class="text-center text-muted-foreground">No authors found.</p>
+      )
+    }
   </Container>
 </Layout>

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

@@ -38,7 +38,7 @@ export async function getStaticPaths() {
 >
   <Container class="flex flex-col gap-y-6">
     <Breadcrumbs items={[{ href: '/tags', label: 'Tags' }, { label: tag }]} />
-    <div class="flex items-center flex-wrap gap-2">
+    <div class="flex flex-wrap items-center gap-2">
       <h1 class="text-3xl font-semibold">Posts tagged with</h1>
       <span
         class="flex items-center gap-x-1 rounded-full bg-secondary px-4 py-2 text-2xl font-bold"