feat(cms): implement multi-language support across frontend and admin UI

apps/spa/src/components/DynamicProductCarousel.tsx

@@ -4,13 +4,20 @@ import ProductCard from './ProductCard';
 import 'swiper/css';
 import 'swiper/css/pagination';
 import 'swiper/css/navigation';
+import { useTranslation } from 'react-i18next';
+import { getLocalizedField } from '../utils/localization';
 
 interface DynamicProductCarouselProps {
   payload: any;
 }
 
 export default function DynamicProductCarousel({ payload }: DynamicProductCarouselProps) {
-  const { title, description, products = [] } = payload || {};
+  const { i18n } = useTranslation();
+  const lang = i18n.language;
+  const p = payload || {};
+  const { products = [] } = p;
+  const title = getLocalizedField(p.title, lang);
+  const description = getLocalizedField(p.description, lang);
 
   return (
     <section className="py-20 bg-spa-sage/30 px-6">