diff --git a/frontend/app/[locale]/blog/[slug]/PostDetails.tsx b/frontend/app/[locale]/blog/[slug]/PostDetails.tsx
index d1bcf0ce..611cc811 100644
--- a/frontend/app/[locale]/blog/[slug]/PostDetails.tsx
+++ b/frontend/app/[locale]/blog/[slug]/PostDetails.tsx
@@ -4,6 +4,7 @@ import groq from 'groq';
 import { getTranslations } from 'next-intl/server';
 import { client } from '@/client';
 import { Link } from '@/i18n/routing';
+import { formatBlogDate } from '@/lib/blog/date';
 
 export const revalidate = 0;
 
@@ -67,6 +68,41 @@ function linkifyText(text: string) {
   });
 }
 
+function renderPortableTextSpans(
+  children: Array<{ _type?: string; text?: string; marks?: string[] }> = [],
+  markDefs: Array<{ _key?: string; _type?: string; href?: string }> = []
+) {
+  const linkMap = new Map(
+    markDefs
+      .filter(def => def?._type === 'link' && def?._key && def?.href)
+      .map(def => [def._key as string, def.href as string])
+  );
+
+  return children.map((child, index) => {
+    const text = child?.text || '';
+    if (!text) return null;
+    const marks = child?.marks || [];
+    const linkKey = marks.find(mark => linkMap.has(mark));
+
+    if (linkKey) {
+      const href = linkMap.get(linkKey)!;
+      return (
+        <a
+          key={`mark-link-${index}`}
+          href={href}
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-[var(--accent-primary)] underline underline-offset-4"
+        >
+          {text}
+        </a>
+      );
+    }
+
+    return <span key={`mark-text-${index}`}>{linkifyText(text)}</span>;
+  });
+}
+
 function seededShuffle<T>(items: T[], seed: number) {
   const result = [...items];
   let value = seed;
@@ -219,9 +255,7 @@ export default async function PostDetails({
             </Link>
           )}
           {authorName && post.publishedAt && <span>·</span>}
-          {post.publishedAt && (
-            <span>{new Date(post.publishedAt).toLocaleDateString()}</span>
-          )}
+          {post.publishedAt && <span>{formatBlogDate(post.publishedAt)}</span>}
         </div>
       )}
 
@@ -241,15 +275,12 @@ export default async function PostDetails({
       <article className="prose prose-gray max-w-none">
         {post.body?.map((block: any, index: number) => {
           if (block?._type === 'block') {
-            const text = (block.children || [])
-              .map((c: any) => c.text || '')
-              .join('');
             return (
               <p
                 key={block._key || `block-${index}`}
                 className="whitespace-pre-line"
               >
-                {linkifyText(text)}
+                {renderPortableTextSpans(block.children, block.markDefs)}
               </p>
             );
           }
@@ -320,9 +351,7 @@ export default async function PostDetails({
                         {item.author?.name && <span>{item.author.name}</span>}
                         {item.author?.name && item.publishedAt && <span>·</span>}
                         {item.publishedAt && (
-                          <span>
-                            {new Date(item.publishedAt).toLocaleDateString()}
-                          </span>
+                          <span>{formatBlogDate(item.publishedAt)}</span>
                         )}
                       </div>
                     )}
diff --git a/frontend/app/[locale]/blog/category/[category]/page.tsx b/frontend/app/[locale]/blog/category/[category]/page.tsx
index af501d25..05296614 100644
--- a/frontend/app/[locale]/blog/category/[category]/page.tsx
+++ b/frontend/app/[locale]/blog/category/[category]/page.tsx
@@ -5,6 +5,7 @@ import Image from 'next/image';
 import { client } from '@/client';
 import { Link } from '@/i18n/routing';
 import { BlogCategoryGrid } from '@/components/blog/BlogCategoryGrid';
+import { formatBlogDate } from '@/lib/blog/date';
 
 export const revalidate = 0;
 
@@ -79,13 +80,7 @@ export default async function BlogCategoryPage({
 
   const featuredPost = posts[0];
   const restPosts = posts.slice(1);
-  const featuredDate = featuredPost?.publishedAt
-    ? new Intl.DateTimeFormat(locale, {
-        day: '2-digit',
-        month: '2-digit',
-        year: 'numeric',
-      }).format(new Date(featuredPost.publishedAt))
-    : '';
+  const featuredDate = formatBlogDate(featuredPost?.publishedAt);
 
   return (
     <main className="max-w-6xl mx-auto px-6 py-12">
diff --git a/frontend/app/api/blog-author/route.ts b/frontend/app/api/blog-author/route.ts
new file mode 100644
index 00000000..4df84c69
--- /dev/null
+++ b/frontend/app/api/blog-author/route.ts
@@ -0,0 +1,41 @@
+import groq from 'groq';
+import { NextResponse } from 'next/server';
+import { client } from '@/client';
+
+export const revalidate = 0;
+
+const authorQuery = groq`
+  *[_type == "author" && (
+    name[$locale] == $name ||
+    name[lower($locale)] == $name ||
+    name.en == $name ||
+    name.pl == $name ||
+    name.uk == $name
+  )][0]{
+    "name": coalesce(name[$locale], name[lower($locale)], name.uk, name.en, name.pl, name),
+    "company": coalesce(company[$locale], company[lower($locale)], company.uk, company.en, company.pl, company),
+    "jobTitle": coalesce(jobTitle[$locale], jobTitle[lower($locale)], jobTitle.uk, jobTitle.en, jobTitle.pl, jobTitle),
+    "city": coalesce(city[$locale], city[lower($locale)], city.uk, city.en, city.pl, city),
+    "bio": coalesce(bio[$locale], bio[lower($locale)], bio.uk, bio.en, bio.pl, bio),
+    "image": image.asset->url,
+    socialMedia[]{ _key, platform, url }
+  }
+`;
+
+export async function GET(request: Request) {
+  const { searchParams } = new URL(request.url);
+  const name = (searchParams.get('name') || '').trim();
+  const locale = (searchParams.get('locale') || 'en').trim();
+
+  if (!name) {
+    return NextResponse.json(null, { status: 400 });
+  }
+
+  const author = await client
+    .withConfig({ useCdn: false })
+    .fetch(authorQuery, { name, locale });
+
+  return NextResponse.json(author || null, {
+    headers: { 'Cache-Control': 'no-store' },
+  });
+}
diff --git a/frontend/components/blog/AuthorModal.tsx b/frontend/components/blog/AuthorModal.tsx
deleted file mode 100644
index 3ee5b901..00000000
--- a/frontend/components/blog/AuthorModal.tsx
+++ /dev/null
@@ -1,262 +0,0 @@
-'use client';
-
-import { useEffect, useMemo, useState } from 'react';
-import Image from 'next/image';
-import { createPortal } from 'react-dom';
-
-type SocialLink = {
-  platform?: string;
-  url?: string;
-  _key?: string;
-};
-
-type Author = {
-  name?: string;
-  image?: string;
-  company?: string;
-  jobTitle?: string;
-  city?: string;
-  bio?: any;
-  socialMedia?: SocialLink[];
-};
-
-function plainTextFromPortableText(value: any): string {
-  if (!Array.isArray(value)) return '';
-  return value
-    .filter(b => b?._type === 'block')
-    .map(b => (b.children || []).map((c: any) => c.text || '').join(''))
-    .join('\n')
-    .trim();
-}
-
-function formatDateGB(dateString?: string) {
-  if (!dateString) return '';
-  const d = new Date(dateString);
-  if (Number.isNaN(d.getTime())) return '';
-  return new Intl.DateTimeFormat('en-GB', {
-    day: '2-digit',
-    month: '2-digit',
-    year: 'numeric',
-  }).format(d);
-}
-
-function SocialIcon({ platform }: { platform?: string }) {
-  const p = (platform || '').toLowerCase();
-
-  if (p === 'github') {
-    return (
-      <svg viewBox="0 0 24 24" className="h-5 w-5" aria-hidden="true">
-        <path
-          fill="currentColor"
-          d="M12 .5a11.5 11.5 0 0 0-3.64 22.4c.58.1.8-.25.8-.56v-2.1c-3.26.71-3.95-1.39-3.95-1.39-.53-1.35-1.3-1.71-1.3-1.71-1.07-.73.08-.72.08-.72 1.18.08 1.8 1.21 1.8 1.21 1.05 1.8 2.75 1.28 3.42.98.1-.76.41-1.28.75-1.57-2.6-.3-5.33-1.3-5.33-5.8 0-1.28.46-2.33 1.2-3.15-.12-.3-.52-1.49.12-3.1 0 0 .98-.31 3.2 1.2a11.1 11.1 0 0 1 5.83 0c2.22-1.51 3.2-1.2 3.2-1.2.64 1.61.24 2.8.12 3.1.75.82 1.2 1.87 1.2 3.15 0 4.51-2.73 5.5-5.34 5.79.42.37.8 1.1.8 2.22v3.3c0 .31.21.67.8.56A11.5 11.5 0 0 0 12 .5Z"
-        />
-      </svg>
-    );
-  }
-
-  if (p === 'linkedin') {
-    return (
-      <svg viewBox="0 0 24 24" className="h-5 w-5" aria-hidden="true">
-        <path
-          fill="currentColor"
-          d="M4.98 3.5C4.98 4.88 3.87 6 2.5 6S0 4.88 0 3.5 1.12 1 2.48 1c1.38 0 2.5 1.12 2.5 2.5ZM.22 8.02H4.7V23H.22V8.02ZM8.02 8.02h4.29v2.05h.06c.6-1.14 2.06-2.34 4.24-2.34 4.54 0 5.38 2.99 5.38 6.88V23h-4.48v-6.64c0-1.58-.03-3.62-2.21-3.62-2.21 0-2.55 1.72-2.55 3.5V23H8.02V8.02Z"
-        />
-      </svg>
-    );
-  }
-
-  if (p === 'twitter' || p === 'x') {
-    return (
-      <svg viewBox="0 0 24 24" className="h-5 w-5" aria-hidden="true">
-        <path
-          fill="currentColor"
-          d="M18.9 2H22l-6.78 7.75L23 22h-6.8l-5.33-6.9L4.8 22H1.7l7.26-8.3L1 2h6.97l4.82 6.27L18.9 2Zm-1.2 18h1.88L7.22 3.9H5.2L17.7 20Z"
-        />
-      </svg>
-    );
-  }
-
-  if (p === 'website') {
-    return (
-      <svg viewBox="0 0 24 24" className="h-5 w-5" aria-hidden="true">
-        <path
-          fill="currentColor"
-          d="M12 2a10 10 0 1 0 .001 20.001A10 10 0 0 0 12 2Zm7.93 9h-3.1a15.9 15.9 0 0 0-1.25-6.02A8.03 8.03 0 0 1 19.93 11ZM12 4c.9 0 2.3 2.1 3.02 7H8.98C9.7 6.1 11.1 4 12 4ZM4.07 13h3.1c.2 2.2.72 4.3 1.25 6.02A8.03 8.03 0 0 1 4.07 13Zm3.1-2H4.07a8.03 8.03 0 0 1 4.35-6.02A15.9 15.9 0 0 0 7.17 11Zm1.81 2h6.04C14.3 17.9 12.9 20 12 20c-.9 0-2.3-2.1-3.02-7Zm6.6 6.02c.53-1.72 1.05-3.82 1.25-6.02h3.1a8.03 8.03 0 0 1-4.35 6.02Z"
-        />
-      </svg>
-    );
-  }
-
-  return (
-    <span className="inline-flex h-5 w-5 items-center justify-center rounded bg-gray-100 text-[10px] font-semibold text-gray-700">
-      {p ? p.slice(0, 1).toUpperCase() : '?'}
-    </span>
-  );
-}
-
-export default function AuthorModal({
-  author,
-  publishedAt,
-}: {
-  author: Author;
-  publishedAt?: string;
-}) {
-  const [open, setOpen] = useState(false);
-  const [mounted, setMounted] = useState(false);
-
-  const bioText = useMemo(
-    () => plainTextFromPortableText(author?.bio),
-    [author]
-  );
-
-  const formattedDate = useMemo(() => formatDateGB(publishedAt), [publishedAt]);
-  const authorName = author?.name || 'Unknown author';
-  const metaText = formattedDate ? `${authorName} · ${formattedDate}` : authorName;
-
-  useEffect(() => setMounted(true), []);
-
-  useEffect(() => {
-    if (!open) return;
-
-    const prevOverflow = document.body.style.overflow;
-    document.body.style.overflow = 'hidden';
-
-    const onKeyDown = (e: KeyboardEvent) => {
-      if (e.key === 'Escape') setOpen(false);
-    };
-
-    window.addEventListener('keydown', onKeyDown);
-
-    return () => {
-      document.body.style.overflow = prevOverflow;
-      window.removeEventListener('keydown', onKeyDown);
-    };
-  }, [open]);
-
-  const hasMeta = author?.jobTitle || author?.company || author?.city;
-  const hasSocial =
-    Array.isArray(author?.socialMedia) && author.socialMedia.length > 0;
-
-  const trigger = (
-    <button
-      type="button"
-      onClick={() => setOpen(true)}
-      className="mt-3 text-[12px] md:text-[13px] text-gray-500 hover:text-[#ff00ff] hover:underline underline-offset-4 transition text-left"
-    >
-      {metaText}
-    </button>
-  );
-
-  if (!mounted) return trigger;
-
-  return (
-    <>
-      {trigger}
-
-      {open &&
-        createPortal(
-          <div
-            className="fixed inset-0 z-[9999] bg-black/40 flex items-center justify-center px-4"
-            onClick={() => setOpen(false)}
-          >
-            <div
-              className="w-full max-w-lg rounded-2xl bg-white shadow-xl border border-gray-200 p-6 relative"
-              onClick={e => e.stopPropagation()}
-            >
-              <button
-                type="button"
-                onClick={() => setOpen(false)}
-                aria-label="Close"
-                className="
-                  absolute top-3 right-3
-                  flex items-center justify-center
-                  w-9 h-9
-                  rounded-full
-                  text-gray-400
-                  hover:text-gray-700
-                  hover:bg-gray-100
-                  transition
-                "
-              >
-                <span className="text-xl leading-none -mt-px">×</span>
-              </button>
-
-              <div className="flex items-center gap-4">
-                {author?.image && (
-                  <div className="relative w-16 h-16 shrink-0">
-                    <Image
-                      src={author.image}
-                      alt={author?.name || 'Author'}
-                      fill
-                      className="rounded-full object-cover border border-gray-300"
-                    />
-                  </div>
-                )}
-
-                <div className="min-w-0">
-                  {author?.name && (
-                    <h2 className="text-xl font-semibold text-gray-900">
-                      {author.name}
-                    </h2>
-                  )}
-
-                  {hasMeta && (
-                    <p className="text-sm text-gray-600 mt-1">
-                      {author?.jobTitle && <span>{author.jobTitle}</span>}
-                      {author?.jobTitle &&
-                        (author?.company || author?.city) && <span> · </span>}
-                      {author?.company && <span>{author.company}</span>}
-                      {author?.company && author?.city && <span> · </span>}
-                      {author?.city && <span>{author.city}</span>}
-                    </p>
-                  )}
-                </div>
-              </div>
-
-              {bioText && (
-                <div className="mt-4">
-                  <h3 className="text-sm font-semibold text-gray-900 mb-2">
-                    Bio
-                  </h3>
-                  <p className="text-sm text-gray-700 whitespace-pre-line leading-relaxed">
-                    {bioText}
-                  </p>
-                </div>
-              )}
-
-              {hasSocial && (
-                <div className="mt-5 border-t border-gray-100 pt-4">
-                  <h3 className="text-sm font-semibold text-gray-900 mb-2">
-                    Social links
-                  </h3>
-
-                  <div className="flex flex-wrap gap-2">
-                    {author.socialMedia!.map((item, idx) => {
-                      if (!item?.url) return null;
-                      const label = item.platform || 'link';
-
-                      return (
-                        <a
-                          key={item._key || `${label}-${idx}`}
-                          href={item.url}
-                          target="_blank"
-                          rel="noopener noreferrer"
-                          className="inline-flex items-center gap-2 px-3 py-2 rounded-full border border-gray-200 text-sm text-gray-700 hover:bg-gray-50 transition"
-                        >
-                          <SocialIcon platform={label} />
-                          <span className="capitalize">
-                            {label.toLowerCase() === 'twitter' ? 'X' : label}
-                          </span>
-                        </a>
-                      );
-                    })}
-                  </div>
-                </div>
-              )}
-            </div>
-          </div>,
-          document.body
-        )}
-    </>
-  );
-}
diff --git a/frontend/components/blog/BlogCard.tsx b/frontend/components/blog/BlogCard.tsx
index cb4b6785..9b22b2e6 100644
--- a/frontend/components/blog/BlogCard.tsx
+++ b/frontend/components/blog/BlogCard.tsx
@@ -3,7 +3,8 @@
 import { useMemo } from 'react';
 import Image from 'next/image';
 import Link from 'next/link';
-import { useLocale, useTranslations } from 'next-intl';
+import { useTranslations } from 'next-intl';
+import { formatBlogDate } from '@/lib/blog/date';
 import type {
   Author,
   Post,
@@ -21,7 +22,6 @@ export default function BlogCard({
   disableHoverColor?: boolean;
 }) {
   const t = useTranslations('blog');
-  const locale = useLocale();
   const excerpt =
     (post.body ?? [])
       .filter((b): b is PortableTextBlock => b._type === 'block')
@@ -30,16 +30,10 @@ export default function BlogCard({
       )
       .join('\n')
       .slice(0, 160) || '';
-  const formattedDate = useMemo(() => {
-    if (!post.publishedAt) return '';
-    const date = new Date(post.publishedAt);
-    if (Number.isNaN(date.getTime())) return '';
-    return new Intl.DateTimeFormat(locale, {
-      day: '2-digit',
-      month: '2-digit',
-      year: 'numeric',
-    }).format(date);
-  }, [post.publishedAt, locale]);
+  const formattedDate = useMemo(
+    () => formatBlogDate(post.publishedAt),
+    [post.publishedAt]
+  );
   const categoryLabel =
     post.categories?.[0] === 'Growth' ? 'Career' : post.categories?.[0];
 
diff --git a/frontend/components/blog/BlogFilters.tsx b/frontend/components/blog/BlogFilters.tsx
index 0ce1d7e1..53ab044c 100644
--- a/frontend/components/blog/BlogFilters.tsx
+++ b/frontend/components/blog/BlogFilters.tsx
@@ -7,6 +7,7 @@ import { useSearchParams } from 'next/navigation';
 import { usePathname, useRouter } from '@/i18n/routing';
 import BlogGrid from '@/components/blog/BlogGrid';
 import { Link } from '@/i18n/routing';
+import { formatBlogDate } from '@/lib/blog/date';
 
 export type PortableTextSpan = {
   _type: 'span';
@@ -27,6 +28,12 @@ export type PortableTextImage = {
 
 export type PortableText = Array<PortableTextBlock | PortableTextImage>;
 
+export type SocialLink = {
+  _key?: string;
+  platform?: string;
+  url?: string;
+};
+
 export type Author = {
   name?: string;
   image?: string;
@@ -34,6 +41,7 @@ export type Author = {
   jobTitle?: string;
   city?: string;
   bio?: PortableText;
+  socialMedia?: SocialLink[];
 };
 
 export type Post = {
@@ -115,6 +123,7 @@ export default function BlogFilters({
     norm: string;
     data?: Author;
   } | null>(null);
+  const [authorProfile, setAuthorProfile] = useState<Author | null>(null);
   const [selectedCategory, setSelectedCategory] = useState<{
     name: string;
     norm: string;
@@ -231,6 +240,36 @@ export default function BlogFilters({
     };
   }, [authorParam, posts, selectedAuthor]);
 
+  useEffect(() => {
+    const name = resolvedAuthor?.name?.trim();
+    if (!name) {
+      setAuthorProfile(null);
+      return;
+    }
+
+    let active = true;
+    if (resolvedAuthor?.data) setAuthorProfile(resolvedAuthor.data);
+
+    fetch(
+      `/api/blog-author?name=${encodeURIComponent(name)}&locale=${encodeURIComponent(
+        locale
+      )}`,
+      { cache: 'no-store' }
+    )
+      .then(response => (response.ok ? response.json() : null))
+      .then((data: Author | null) => {
+        if (!active) return;
+        if (data) setAuthorProfile(data);
+      })
+      .catch(() => {
+        if (!active) return;
+      });
+
+    return () => {
+      active = false;
+    };
+  }, [locale, resolvedAuthor?.data, resolvedAuthor?.name]);
+
   const filteredPosts = useMemo(() => {
     return posts.filter(post => {
       if (resolvedAuthor) {
@@ -260,7 +299,7 @@ export default function BlogFilters({
     });
   }, [posts, resolvedAuthor, resolvedCategory, searchQueryLower]);
 
-  const selectedAuthorData = resolvedAuthor?.data || null;
+  const selectedAuthorData = authorProfile || resolvedAuthor?.data || null;
   const authorBioText = useMemo(() => {
     return plainTextFromPortableText(selectedAuthorData?.bio);
   }, [selectedAuthorData]);
@@ -302,9 +341,7 @@ export default function BlogFilters({
               {featuredPost.publishedAt && (
                 <div className="mt-6 flex items-center justify-between text-xs tracking-[0.25em] text-gray-500 dark:text-gray-400">
                   <span className="uppercase">
-                    {new Date(featuredPost.publishedAt).toLocaleDateString(
-                      locale
-                    )}
+                    {formatBlogDate(featuredPost.publishedAt)}
                   </span>
                   <Link
                     href={`/blog/${featuredPost.slug.current}`}
@@ -335,9 +372,8 @@ export default function BlogFilters({
             </span>
           </div>
 
-          {selectedAuthorData &&
-            (selectedAuthorData.image || authorBioText) && (
-              <div className="flex flex-col gap-6 md:flex-row md:items-start">
+          {selectedAuthorData && (
+            <div className="flex flex-col gap-6 md:flex-row md:items-start">
                 {selectedAuthorData.image && (
                   <div className="relative h-40 w-40 flex-shrink-0 overflow-hidden rounded-xl border border-[0.5px] border-[color-mix(in_srgb,var(--accent-primary)_50%,transparent)]">
                     <Image
@@ -354,11 +390,41 @@ export default function BlogFilters({
                       {selectedAuthorData.name}
                     </h2>
                   )}
+                  {(selectedAuthorData.jobTitle ||
+                    selectedAuthorData.company ||
+                    selectedAuthorData.city) && (
+                    <p className="mt-2 text-sm text-gray-600 dark:text-gray-400">
+                      {[
+                        selectedAuthorData.jobTitle,
+                        selectedAuthorData.company,
+                        selectedAuthorData.city,
+                      ]
+                        .filter(Boolean)
+                        .join(' · ')}
+                    </p>
+                  )}
                   {authorBioText && (
                     <p className="mt-3 whitespace-pre-line text-sm leading-relaxed text-gray-600 dark:text-gray-400">
                       {authorBioText}
                     </p>
                   )}
+                  {selectedAuthorData.socialMedia?.length ? (
+                    <div className="mt-4 flex flex-wrap gap-2">
+                      {selectedAuthorData.socialMedia
+                        .filter(item => item?.url)
+                        .map((item, index) => (
+                          <a
+                            key={item._key || `${item.platform}-${index}`}
+                            href={item.url}
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            className="inline-flex items-center rounded-full border border-gray-200 px-3 py-1 text-xs text-gray-600 transition hover:text-[var(--accent-primary)] dark:border-gray-700 dark:text-gray-300"
+                          >
+                            {item.platform || 'link'}
+                          </a>
+                        ))}
+                    </div>
+                  ) : null}
                 </div>
               </div>
             )}
diff --git a/frontend/components/blog/BlogHeaderSearch.tsx b/frontend/components/blog/BlogHeaderSearch.tsx
index f6e26406..a8e34f8c 100644
--- a/frontend/components/blog/BlogHeaderSearch.tsx
+++ b/frontend/components/blog/BlogHeaderSearch.tsx
@@ -118,11 +118,6 @@ export function BlogHeaderSearch() {
     setOpen(false);
   };
 
-  const clear = () => {
-    setValue('');
-    setOpen(false);
-  };
-
   return (
     <div className="relative flex items-center">
       <button
diff --git a/frontend/lib/blog/date.ts b/frontend/lib/blog/date.ts
new file mode 100644
index 00000000..ffe4552e
--- /dev/null
+++ b/frontend/lib/blog/date.ts
@@ -0,0 +1,10 @@
+export function formatBlogDate(value?: string): string {
+  if (!value) return '';
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return '';
+  return new Intl.DateTimeFormat('uk-UA', {
+    day: '2-digit',
+    month: '2-digit',
+    year: 'numeric',
+  }).format(date);
+}
diff --git a/frontend/project-structure.txt b/frontend/project-structure.txt
index ed5c8021..4481969c 100644
--- a/frontend/project-structure.txt
+++ b/frontend/project-structure.txt
@@ -178,7 +178,6 @@
     📄 PostAuthQuizSync.tsx
     📄 ProviderButton.tsx
   📁 blog
-    📄 AuthorModal.tsx
     📄 BlogCard.tsx
     📄 BlogCategoryGrid.tsx
     📄 BlogCategoryLinks.tsx
@@ -554,4 +553,4 @@
   📄 shop-janitor-restock-stale.mjs
 📄 tsconfig.json
 📄 tsconfig.tsbuildinfo
-📄 vitest.config.ts
\ No newline at end of file
+📄 vitest.config.ts