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

apps/spa/src/components/DynamicEditorialCarousel.tsx

@@ -2,6 +2,8 @@ import { Swiper, SwiperSlide } from 'swiper/react';
 import { Autoplay, Pagination } from 'swiper/modules';
 import { Link } from 'react-router-dom';
 import type { EditorialCarouselSectionPayload } from '@homaroma/types';
+import { useTranslation } from 'react-i18next';
+import { getLocalizedField } from '../utils/localization';
 
 // Import Swiper styles
 import 'swiper/css';
@@ -12,7 +14,16 @@ interface DynamicEditorialCarouselProps {
 }
 
 export default function DynamicEditorialCarousel({ payload }: DynamicEditorialCarouselProps) {
-  const { title, slides = [] } = payload;
+  const { i18n } = useTranslation();
+  const lang = i18n.language;
+  const title = getLocalizedField(payload.title, lang);
+  const slides = (payload.slides || []).map((slide: any) => ({
+    ...slide,
+    title: getLocalizedField(slide.title, lang),
+    description: getLocalizedField(slide.description, lang),
+    buttonText: getLocalizedField(slide.buttonText, lang),
+    category: getLocalizedField(slide.category, lang)
+  }));
 
   if (slides.length === 0) return null;