Add FA, EN, and AR static copy, with English LTR and catalog hidden outside Persian.

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

src/components/AboutTabs.tsx

@@ -2,33 +2,34 @@
 
 import { useState } from "react";
 
-import { goalsText, qualityPolicy, resumeText } from "@/data/site";
+import { useMessages } from "@/i18n/locale-context";
 
 export default function AboutTabs() {
+  const t = useMessages();
   const [tab, setTab] = useState<"resume" | "goals">("resume");
 
   return (
     <div>
       <div className="tabs" role="tablist">
         <button type="button" className={tab === "resume" ? "active" : undefined} onClick={() => setTab("resume")}>
-          رزومه
+          {t.aboutTabs.resume}
         </button>
         <button type="button" className={tab === "goals" ? "active" : undefined} onClick={() => setTab("goals")}>
-          اهداف
+          {t.aboutTabs.goalsTab}
         </button>
       </div>
       {tab === "resume" ? (
-        <p className="muted">{resumeText}</p>
+        <p className="muted">{t.aboutTabs.resumeText}</p>
       ) : (
         <div>
-          {goalsText.map((paragraph) => (
+          {t.aboutTabs.goalsParagraphs.map((paragraph) => (
             <p key={paragraph.slice(0, 24)} className="muted">
               {paragraph}
             </p>
           ))}
-          <p className="muted">خط مشی کیفیت عبارت است از:</p>
+          <p className="muted">{t.aboutTabs.qualityIntro}</p>
           <ol className="muted">
-            {qualityPolicy.map((item) => (
+            {t.aboutTabs.qualityPolicy.map((item) => (
               <li key={item}>{item}</li>
             ))}
           </ol>