fix the errors in dashboard

apps/marketplace/src/components/FooterContentPage.tsx

@@ -2,6 +2,7 @@
 
 import { useMarketplacePreferences } from '@/components/MarketplaceShell'
 import { type FooterPageSlug, getFooterPageContent } from '@/lib/footerContent'
+import { type MarketplaceLanguage } from '@/lib/i18n'
 
 const pageMeta = {
   en: {
@@ -21,11 +22,41 @@ const pageMeta = {
   },
 } as const
 
-export default function FooterContentPage({ slug }: { slug: FooterPageSlug }) {
+const urlPattern = /(https?:\/\/[^\s]+)/g
+
+function renderParagraphText(paragraph: string) {
+  const parts = paragraph.split(urlPattern)
+  return parts.map((part, index) => {
+    if (urlPattern.test(part)) {
+      urlPattern.lastIndex = 0
+      const match = part.match(/^(https?:\/\/[^\s]+?)([.,!?;:]*)$/)
+      const href = match?.[1] ?? part
+      const trailing = match?.[2] ?? ''
+
+      return (
+        <span key={`${part}-${index}`}>
+          <a
+            href={href}
+            className="text-amber-700 underline decoration-amber-300 underline-offset-4 transition hover:text-stone-950 dark:text-amber-300 dark:hover:text-stone-100"
+          >
+            {href}
+          </a>
+          {trailing}
+        </span>
+      )
+    }
+
+    urlPattern.lastIndex = 0
+    return <span key={`${part}-${index}`}>{part}</span>
+  })
+}
+
+export default function FooterContentPage({ slug, forcedLanguage }: { slug: FooterPageSlug; forcedLanguage?: MarketplaceLanguage }) {
   const { language } = useMarketplacePreferences()
-  const content = getFooterPageContent(language, slug)
-  const meta = pageMeta[language]
-  const isArabic = language === 'ar'
+  const activeLanguage = forcedLanguage ?? language
+  const content = getFooterPageContent(activeLanguage, slug)
+  const meta = pageMeta[activeLanguage]
+  const isArabic = activeLanguage === 'ar'
 
   return (
     <main className="site-page">
@@ -43,10 +74,23 @@ export default function FooterContentPage({ slug }: { slug: FooterPageSlug }) {
           <div className={`space-y-6 px-6 py-10 sm:px-10 sm:py-12 ${isArabic ? 'text-right' : 'text-left'}`}>
             {content.paragraphs.map((paragraph) => (
               <p key={paragraph} className="text-lg leading-8 text-stone-700 dark:text-stone-300">
-                {paragraph}
+                {renderParagraphText(paragraph)}
               </p>
             ))}
 
+            {content.sections?.map((section) => (
+              <section key={section.heading} className="space-y-4">
+                <h2 className="text-xl font-semibold text-stone-900 dark:text-stone-100">
+                  {section.heading}
+                </h2>
+                {section.paragraphs.map((paragraph) => (
+                  <p key={`${section.heading}-${paragraph}`} className="text-lg leading-8 text-stone-700 dark:text-stone-300">
+                    {renderParagraphText(paragraph)}
+                  </p>
+                ))}
+              </section>
+            ))}
+
             <div className="rounded-3xl border border-amber-200 bg-amber-50 px-6 py-5 dark:border-amber-800 dark:bg-amber-950/30">
               <p className="text-sm font-semibold uppercase tracking-[0.18em] text-amber-800 dark:text-amber-400">
                 {meta.cta}

apps/marketplace/src/components/MarketplaceShell.tsx

@@ -2,7 +2,7 @@
 
 import { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react'
 import { useRouter } from 'next/navigation'
-import { footerPageHref } from '@/lib/footerContent'
+import { appPrivacyHref, footerPageHref } from '@/lib/footerContent'
 import { MARKETPLACE_LANGUAGE_COOKIE, SHARED_LANGUAGE_COOKIE, isMarketplaceLanguage, type MarketplaceLanguage } from '@/lib/i18n'
 import { SHARED_LANGUAGE_KEY, SHARED_THEME_KEY, readCurrentUserScopedPreference, readScopedPreference, writeScopedPreference } from '@/lib/preferences'
 
@@ -76,13 +76,13 @@ export function getFooterContent(language: MarketplaceLanguage): {
           { label: "Conditions d'utilisation", href: footerPageHref['terms-of-service'] },
           { label: 'Sécurité', href: footerPageHref.security },
           { label: 'Conformité', href: footerPageHref.compliance },
-          { label: 'Politique de confidentialité', href: footerPageHref['privacy-policy'] },
+          { label: 'Politique de confidentialité', href: appPrivacyHref.fr },
           { label: 'Politique relative aux cookies', href: footerPageHref['cookie-policy'] },
         ],
         secondary: [
           { label: 'Newsletter', href: footerPageHref.newsletter },
           { label: 'Contacter les ventes', href: footerPageHref['contact-sales'] },
-          { label: 'Nos bureaux', href: footerPageHref['our-offices'] },
+          { label: 'Conditions générales', href: footerPageHref['general-conditions'] },
         ],
         localeLabel: 'Europe (French)',
         rightsLabel: 'Tous droits réservés.',
@@ -94,13 +94,13 @@ export function getFooterContent(language: MarketplaceLanguage): {
           { label: 'شروط الاستخدام', href: footerPageHref['terms-of-service'] },
           { label: 'الأمان', href: footerPageHref.security },
           { label: 'الامتثال', href: footerPageHref.compliance },
-          { label: 'سياسة الخصوصية', href: footerPageHref['privacy-policy'] },
+          { label: 'سياسة الخصوصية', href: appPrivacyHref.ar },
           { label: 'سياسة ملفات تعريف الارتباط', href: footerPageHref['cookie-policy'] },
         ],
         secondary: [
           { label: 'النشرة الإخبارية', href: footerPageHref.newsletter },
           { label: 'تواصل مع المبيعات', href: footerPageHref['contact-sales'] },
-          { label: 'مكاتبنا', href: footerPageHref['our-offices'] },
+          { label: 'الشروط العامة', href: footerPageHref['general-conditions'] },
         ],
         localeLabel: 'North Africa (Arabic)',
         rightsLabel: 'جميع الحقوق محفوظة.',
@@ -113,13 +113,13 @@ export function getFooterContent(language: MarketplaceLanguage): {
           { label: 'Terms of Service', href: footerPageHref['terms-of-service'] },
           { label: 'Security', href: footerPageHref.security },
           { label: 'Compliance', href: footerPageHref.compliance },
-          { label: 'Privacy Policy', href: footerPageHref['privacy-policy'] },
+          { label: 'Privacy Policy', href: appPrivacyHref.en },
           { label: 'Cookie Policy', href: footerPageHref['cookie-policy'] },
         ],
         secondary: [
           { label: 'Newsletter', href: footerPageHref.newsletter },
           { label: 'Contact Sales', href: footerPageHref['contact-sales'] },
-          { label: 'Our Offices', href: footerPageHref['our-offices'] },
+          { label: 'General Conditions', href: footerPageHref['general-conditions'] },
         ],
         localeLabel: 'Global (English)',
         rightsLabel: 'All rights reserved.',