feat: auto-detect blockquote and table colors from content

Replace manual hashtags and color cycling with content-tone heuristics for blockquotes and tables, and refine blockquote layout with a centered icon, larger sizing, and clearer contrast over background decorations.

Co-authored-by: Cursor <cursoragent@cursor.com>

components/blog-toc.tsx

@@ -231,7 +231,7 @@ export function BlogToc({ items, className }: BlogTocProps) {
         open={mobileOpen}
         onOpenChange={setMobileOpen}
         className={cn(
-          "lg:hidden w-full sticky top-14 z-10 bg-background",
+          "lg:hidden w-full sticky top-[calc(max(0.5rem,env(safe-area-inset-top,0px))+4.5rem)] z-10 bg-background",
           className
         )}
       >

components/changelog-version-card.tsx

@@ -43,6 +43,7 @@ export function ChangelogVersionCard({ release }: ChangelogVersionCardProps) {
           <time
             className="mt-1.5 block text-xs text-muted-foreground"
             dateTime={release.date}
+            dir="ltr"
           >
             {formatReleaseDate(release.date)}
           </time>