feat: add version history drawer with release notes

Introduce a footer-triggered Version History drawer with categorized release notes, hardcoded release data, and semver tracking at v0.3.0. Also ships blog blockquote/table styling, site-wide typography, home page image updates, header refinements, and related bug fixes.

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

components/featured-posts-grid.tsx

@@ -7,6 +7,7 @@ import { Button } from "@/components/ui/button";
 import { getFeaturedImageUrl, type WpPost } from "@/lib/wp-api";
 import { formatDateShamsi } from "@/lib/format-date";
 import { cn } from "@/lib/utils";
+import { type } from "@/lib/typography";
 
 function stripHtml(html: string): string {
   return html.replace(/<[^>]*>/g, "").trim();
@@ -58,14 +59,14 @@ function PostCard({
         <h3
           className={cn(
             "font-bold leading-tight line-clamp-2 drop-shadow-sm",
-            size === "large" ? "text-lg md:text-xl" : "text-base"
+            size === "large" ? cn(type.h3, "text-white") : cn(type["card-title"], "text-white")
           )}
           dangerouslySetInnerHTML={{ __html: post.title.rendered }}
         />
         <p
           className={cn(
             "mt-2 text-white/90 leading-relaxed line-clamp-2",
-            size === "large" ? "text-sm md:text-base line-clamp-3" : "text-sm"
+            size === "large" ? cn(type.body, "line-clamp-3 text-white/90") : cn(type["body-sm"], "text-white/90")
           )}
         >
           {excerpt}
@@ -90,7 +91,7 @@ function PostCardRow({ post }: { post: WpPost }) {
       {/* نیمه عنوان + نویسنده */}
       <div className="flex flex-1 flex-col justify-center p-4">
         <h3
-          className="font-bold leading-tight text-foreground line-clamp-2 text-base"
+          className={cn(type["card-title"], "line-clamp-2 text-foreground")}
           dangerouslySetInnerHTML={{ __html: post.title.rendered }}
         />
       </div>
@@ -131,10 +132,10 @@ export function FeaturedPostsGrid({
     <section className="bg-background py-16 md:py-24" aria-label={title}>
       <div className="mx-auto max-w-6xl px-4 sm:px-6">
         <header className="mb-10 text-center md:mb-12">
-          <h2 className="text-2xl font-bold text-foreground md:text-3xl">
+          <h2 className={type.h2}>
             {title}
           </h2>
-          <p className="mt-3 max-w-2xl mx-auto text-muted-foreground text-sm leading-relaxed md:text-base">
+          <p className={cn(type["body-sm"], "mx-auto mt-3 max-w-2xl text-muted-foreground md:text-base")}>
             {caption}
           </p>
         </header>
@@ -160,7 +161,7 @@ export function FeaturedPostsGrid({
           </div>
         </div>
         <div className="mt-12 flex flex-col items-center justify-center gap-3 text-center md:mt-16">
-          <p className="text-sm text-muted-foreground">
+          <p className={type.caption}>
             مطالب بیشتر در دانشنامه
           </p>
           <Button asChild size="lg" variant="outline" className="rounded-full px-6 font-medium shadow-sm transition-all hover:shadow-md">