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

apps/spa/src/components/DynamicAnnouncementBar.tsx

@@ -1,6 +1,8 @@
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Autoplay } from 'swiper/modules';
 import type { AnnouncementBarSectionPayload } from '../types';
+import { useTranslation } from 'react-i18next';
+import { getLocalizedField } from '../utils/localization';
 
 // Import Swiper styles
 import 'swiper/css';
@@ -10,7 +12,10 @@ interface DynamicAnnouncementBarProps {
 }
 
 export default function DynamicAnnouncementBar({ payload }: DynamicAnnouncementBarProps) {
-  const { slides = [], backgroundColor = '#1F3D2D', textColor = '#FDFDF9', speed = 3000 } = payload;
+  const { i18n } = useTranslation();
+  const lang = i18n.language;
+  const { backgroundColor = '#1F3D2D', textColor = '#FDFDF9', speed = 3000 } = payload;
+  const slides = (payload.slides || []).map((slide: any) => getLocalizedField(slide, lang));
 
   if (slides.length === 0) return null;