سئو: بررسی سئو در صفحه نوشتن + عنوان و توضیح متای هر صفحه

- پنل «بررسی سئو» در صفحه نوشتن مقاله — سبز/نارنجی/قرمز سازگار با فارسی:
  طول عنوان، کلمه کلیدی هدف (در عنوان/پاراگراف اول/تیتر H2)، طول چکیده،
  تعداد واژه، تیتربندی، متن جایگزین تصاویر، پیوندها و slug.
  کلمه کلیدی در localStorage نگه داشته می‌شود (راهنمای ویرایشگر است، نه محتوا)
- جدول seo_meta: عنوان و توضیح متای هر صفحه (page_key برای هر ۸ صفحه،
  seed خودکار، CRUD در /api/admin/seo-meta، خواندن در GET /api/site)
- تزریق عنوان/توضیح متا در فرانت‌اند: صفحه‌های فهرست از دیتابیس؛ صفحه
  مقاله و پروژه از محتوای خودشان (بدون تداخل با اثر سطح والد)
- دکمه سئو روی هیرو هر صفحه و کنار هیرو صفحه اصلی (فقط حالت ویرایش)

frontend/src/pages/ArticleDetail.tsx

@@ -7,6 +7,8 @@ import { ButtonLink } from '../components/Button';
 import { ArticleCard } from '../components/ArticleCard';
 import { Newsletter } from '../components/home/Newsletter';
 import { useSite } from '../api';
+import { setMetaDescription } from '../seo';
+import { useEffect } from 'react';
 import { ARTICLE_EXTENSIONS } from '../components/admin/ArticleEditor';
 import type { Article } from '../data/site';
 
@@ -29,9 +31,16 @@ function renderBody(article: Article): { html: string | null; legacy: string[] }
 
 export function ArticleDetail() {
   const { slug } = useParams<{slug: string;}>();
-  const { articles } = useSite();
+  const { articles, brand } = useSite();
   const article = articles.find((a) => a.slug === slug);
 
+  // عنوان تب و توضیح متا از خود مقاله
+  useEffect(() => {
+    if (!article) return;
+    document.title = `${article.title} | ${brand}`;
+    setMetaDescription(article.excerpt);
+  }, [article?.id]);
+
   if (!article) {
     return (
       <section className="flex min-h-[70vh] flex-col items-center justify-center px-6 text-center">