Implement internationalization in pages and update CMS clients

The commit mainly revamps the code to support internationalization in various pages like pricing, docs, blog, etc. It modifies the code to generate metadata asynchronously, accommodating internationalized page titles and subtitles. Also, the commit restructures CMS Client scripts, particularly for ContentLayer and Wordpress. For Wordpress, it updates API fetch routes and handles embedded children data. Furthermore, unnecessary logging statements are cleaned up, and minor updates are done for better UI and code efficiency.

apps/web/app/(marketing)/faq/page.tsx

@@ -1,40 +1,49 @@
 import { ChevronDown } from 'lucide-react';
 
 import { SitePageHeader } from '~/(marketing)/_components/site-page-header';
+import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
 import { withI18n } from '~/lib/i18n/with-i18n';
 
-export const metadata = {
-  title: 'FAQ',
+export const generateMetadata = async () => {
+  const { t } = await createI18nServerInstance();
+
+  return {
+    title: t('marketing:faq'),
+  };
 };
 
-const faqItems = [
-  {
-    question: `Do you offer a free trial?`,
-    answer: `Yes, we offer a 14-day free trial. You can cancel at any time during the trial period and you won't be charged.`,
-  },
-  {
-    question: `Can I cancel my subscription?`,
-    answer: `You can cancel your subscription at any time. You can do this from your account settings.`,
-  },
-  {
-    question: `Where can I find my invoices?`,
-    answer: `You can find your invoices in your account settings.`,
-  },
-  {
-    question: `What payment methods do you accept?`,
-    answer: `We accept all major credit cards and PayPal.`,
-  },
-  {
-    question: `Can I upgrade or downgrade my plan?`,
-    answer: `Yes, you can upgrade or downgrade your plan at any time. You can do this from your account settings.`,
-  },
-  {
-    question: `Do you offer discounts for non-profits?`,
-    answer: `Yes, we offer a 50% discount for non-profits. Please contact us to learn more.`,
-  },
-];
+async function FAQPage() {
+  const { t } = await createI18nServerInstance();
+
+  // replace this content
+  // with translations
+  const faqItems = [
+    {
+      question: `Do you offer a free trial?`,
+      answer: `Yes, we offer a 14-day free trial. You can cancel at any time during the trial period and you won't be charged.`,
+    },
+    {
+      question: `Can I cancel my subscription?`,
+      answer: `You can cancel your subscription at any time. You can do this from your account settings.`,
+    },
+    {
+      question: `Where can I find my invoices?`,
+      answer: `You can find your invoices in your account settings.`,
+    },
+    {
+      question: `What payment methods do you accept?`,
+      answer: `We accept all major credit cards and PayPal.`,
+    },
+    {
+      question: `Can I upgrade or downgrade my plan?`,
+      answer: `Yes, you can upgrade or downgrade your plan at any time. You can do this from your account settings.`,
+    },
+    {
+      question: `Do you offer discounts for non-profits?`,
+      answer: `Yes, we offer a 50% discount for non-profits. Please contact us to learn more.`,
+    },
+  ];
 
-const FAQPage = () => {
   const structuredData = {
     '@context': 'https://schema.org',
     '@type': 'FAQPage',
@@ -61,8 +70,8 @@ const FAQPage = () => {
       <div className={'container mx-auto'}>
         <div className={'my-8 flex flex-col space-y-16'}>
           <SitePageHeader
-            title={'FAQ'}
-            subtitle={'Frequently Asked Questions'}
+            title={t('marketing:faq')}
+            subtitle={t('marketing:faqSubtitle')}
           />
 
           <div
@@ -80,7 +89,7 @@ const FAQPage = () => {
       </div>
     </div>
   );
-};
+}
 
 export default withI18n(FAQPage);