Sync upstream improvements: new components, layout overhaul, and portfolio enhancements

- Add Services, HireCTA, and ReactExpansion components
- Overhaul Hero with grid layout, badges, CTA buttons, email dialog, and profile card
- Refactor TopNav to use computed navItems loop
- Enhance ProjectsList with nested category accordions and case study details
- Restructure Skills with purpose-grouped stackGroups and row-sync accordion logic
- Add new types: Service, ReactExpansion, CTA, and Project case-study fields
- Update portfolio data with adapted services, stackGroups, and project details
- Add OG/Twitter meta tags for SEO
- Update i18n with new keys for services, hero, buttons, and project labels
- Fix langDir path, update engine constraints, add volta config
- Change default color scheme to lime
- Rename Rider to JetBrains Rider in AI stack

i18n/locales/en.json

@@ -4,14 +4,16 @@
     "workAccordion": "Building enterprise solutions and managing infrastructure",
     "education": "Education",
     "recommendations": "Recommendations",
-    "projects": " Projects",
+    "projects": "Projects",
     "projectsAccordion": "Real-world applications built for clients and the community.",
     "blog": "Blog",
     "contact": "Contact",
+    "services": "What I Can Help With",
     "mainTools": "Main tools",
     "roles": "Roles",
     "values": "Values",
     "skills": "Skills",
+    "currentlyExpanding": "Currently expanding",
     "softSkills": "Values & Soft Skills",
     "language": "Language Proficiency",
     "githubActivity": "GitHub Activity"
@@ -20,7 +22,12 @@
     "expert": "Expert",
     "proficient": "Proficient",
     "usedBefore": "Used before",
-    "aiStack": "AI Stack"
+    "aiStack": "AI Stack",
+    "subtitle": "Grouped by how the tools support backend, infrastructure, and DevOps work.",
+    "accordionLabel": "Purpose-grouped stack for backend, infrastructure, and DevOps work."
+  },
+  "services": {
+    "subtitle": "Backend, infrastructure, and DevOps work focused on reliability and automation."
   },
   "softSkillsAccordion": {
     "label": "Mindset and interpersonal strengths that drive team success."
@@ -72,7 +79,15 @@
   "hero": {
     "currently": "Currently at",
     "viewResume": "View Resume",
-    "downloadPdf": "Download PDF"
+    "downloadPdf": "Download PDF",
+    "cardSummary": "Backend services, infrastructure, and DevOps systems.",
+    "contactTitle": "Contact Mahdi",
+    "contactDescription": "Use this email for infrastructure, backend, or DevOps project inquiries.",
+    "emailAddress": "Email address",
+    "clipboardBlocked": "Clipboard access is blocked by the browser on this address. You can still select the email or open your email app.",
+    "close": "Close",
+    "copy": "Copy",
+    "openEmailApp": "Open Email App"
   },
   "toasts": {
     "emailCopied": {
@@ -87,6 +102,8 @@
   "buttons": {
     "blog": "Blog Posts",
     "contact": "Contact",
+    "contactMe": "Contact Me",
+    "viewProjects": "View Projects",
     "website": "Website",
     "switchToEnglish": "English",
     "switchToPersian": "فارسی"
@@ -142,10 +159,16 @@
     "suggestion3": "Return to the homepage and start fresh"
   },
   "meta": {
-    "portfolioTitleSuffix": "Portfolio"
+    "portfolioTitleSuffix": "Backend & DevOps Engineer"
   },
   "projectLabels": {
-    "openSource": "Open Source"
+    "openSource": "Open Source",
+    "context": "Context",
+    "role": "My Role",
+    "keyFeatures": "Key Features",
+    "techStack": "Tech Stack",
+    "outcome": "Outcome",
+    "caseStudyDetails": "Case study details"
   },
   "theme": {
     "customizer": "Theme Customizer",

i18n/locales/fa.json

@@ -1,17 +1,19 @@
 {
   "sections": {
     "work": "سوابق کاری",
-    "workAccordion": "بیش از ۷ سال تجربه در توسعه راهکارهای سازمانی و اپلیکیشن‌های وب.",
+    "workAccordion": "تجربه در توسعه سیستم‌ها و مدیریت زیرساخت.",
     "education": "تحصیلات",
     "recommendations": "توصیه‌نامه‌ها",
     "projects": "پروژه‌ها",
     "projectsAccordion": "اپلیکیشن‌های واقعی ساخته شده برای مشتریان و جامعه توسعه‌دهندگان.",
     "blog": "وبلاگ",
     "contact": "ارتباط",
+    "services": "خدماتی که می‌توانم ارائه کنم",
     "mainTools": "ابزارهای اصلی",
     "roles": "نقش‌ها",
     "values": "ارزش‌ها",
     "skills": "مهارت‌ها",
+    "currentlyExpanding": "در حال گسترش مهارت‌ها",
     "softSkills": "ارزش‌ها و مهارت‌های نرم",
     "language": "مهارت‌های زبانی",
     "githubActivity": "فعالیت گیت‌هاب"
@@ -20,7 +22,12 @@
     "expert": "حرفه‌ای",
     "proficient": "مسلط",
     "usedBefore": "تجربه قبلی",
-    "aiStack": "استک هوش مصنوعی"
+    "aiStack": "استک هوش مصنوعی",
+    "subtitle": "گروه‌بندی ابزارها بر اساس کاربردشان در بک‌اند، زیرساخت و عملیات.",
+    "accordionLabel": "مهارت‌های فرانت‌اند گروه‌بندی‌شده برای بک‌اند، زیرساخت و عملیات."
+  },
+  "services": {
+    "subtitle": "تمرکز روی بک‌اند، زیرساخت و اتوماسیون با تمرکز بر قابلیت اطمینان."
   },
   "softSkillsAccordion": {
     "label": "ذهنیت و توانمندی‌های بین‌فردی که موفقیت تیم را رقم می‌زنند."
@@ -58,6 +65,8 @@
   "buttons": {
     "blog": "مقالات",
     "contact": "ارتباط",
+    "contactMe": "تماس با من",
+    "viewProjects": "مشاهده پروژه‌ها",
     "website": "وب‌سایت",
     "switchToEnglish": "English",
     "switchToPersian": "فارسی"
@@ -116,7 +125,13 @@
     "portfolioTitleSuffix": "نمونه‌کارها"
   },
   "projectLabels": {
-    "openSource": "اوپن‌سورس"
+    "openSource": "اوپن‌سورس",
+    "context": "زمینه پروژه",
+    "role": "نقش من",
+    "keyFeatures": "ویژگی‌های کلیدی",
+    "techStack": "استک فنی",
+    "outcome": "نتیجه",
+    "caseStudyDetails": "جزئیات کیس‌استادی"
   },
   "theme": {
     "customizer": "سفارشی‌سازی تم",
@@ -151,7 +166,15 @@
   "hero": {
     "currently": "در حال حاضر در",
     "viewResume": "مشاهده رزومه",
-    "downloadPdf": "دانلود PDF"
+    "downloadPdf": "دانلود PDF",
+    "cardSummary": "سیستم‌های بک‌اند، زیرساخت و عملیات.",
+    "contactTitle": "ارتباط با مهدی",
+    "contactDescription": "برای پروژه‌های زیرساخت، بک‌اند یا عملیات از این ایمیل استفاده کنید.",
+    "emailAddress": "آدرس ایمیل",
+    "clipboardBlocked": "دسترسی به کلیپ‌بورد روی این آدرس توسط مرورگر محدود شده است. می‌توانید ایمیل را انتخاب کنید یا اپلیکیشن ایمیل را باز کنید.",
+    "close": "بستن",
+    "copy": "کپی",
+    "openEmailApp": "باز کردن ایمیل"
   },
   "toasts": {
     "emailCopied": {