fix(blog): تاریخ/زمان مطالعه کارت‌ها در /en انگلیسی شد؛ کرسر فیلدهای تصویر دیگر به آخر متن نمی‌پرد (مقدار محلی با همگام‌سازی فوکوس‌آگاه)

frontend/src/components/ArticleCard.tsx

@@ -2,12 +2,12 @@ import React from 'react'
 import { Link } from 'react-router-dom'
 import { ArrowLeftIcon, ClockIcon } from 'lucide-react'
 import type { Article } from '../data/site'
-import { formatJalali } from '../utils/date'
+import { formatJalali, formatEnDate } from '../utils/date'
 import { useLang } from '../i18n/lang'
 import { toPersianDigits } from '../utils/digits'
 
 export function ArticleCard({ article }: { article: Article }) {
-  const { t, href } = useLang()
+  const { t, href, lang } = useLang()
   return (
     <Link
       to={href(`/blog/${article.slug}`)}
@@ -39,10 +39,10 @@ export function ArticleCard({ article }: { article: Article }) {
         
         <div className="mt-auto flex items-center justify-between border-t border-white/10 pt-6 md:pt-8 text-xs font-light text-ivory/50">
           <span className="flex items-center gap-4">
-            <span>{formatJalali(article.date)}</span>
+            <span>{lang === 'en' ? formatEnDate(article.date) : formatJalali(article.date)}</span>
             <span className="flex items-center gap-2">
               <ClockIcon className="h-3.5 w-3.5 text-copper/80" />
-              {toPersianDigits(article.read)}
+              {lang === 'en' ? article.read : toPersianDigits(article.read)}
             </span>
           </span>