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

apps/spa/src/components/DynamicBanner.tsx

@@ -1,12 +1,19 @@
 import { Link } from 'react-router-dom';
 import type { BannerSectionPayload } from '@homaroma/types';
+import { useTranslation } from 'react-i18next';
+import { getLocalizedField } from '../utils/localization';
 
 interface DynamicBannerProps {
   payload: BannerSectionPayload;
 }
 
 export default function DynamicBanner({ payload }: DynamicBannerProps) {
-  const { imageUrl, linkUrl, title, description, buttonText } = payload;
+  const { i18n } = useTranslation();
+  const lang = i18n.language;
+  const { imageUrl, linkUrl } = payload;
+  const title = getLocalizedField(payload.title, lang);
+  const description = getLocalizedField(payload.description, lang);
+  const buttonText = getLocalizedField(payload.buttonText, lang);
 
   const Wrapper = linkUrl ? Link : 'div';
   const wrapperProps = linkUrl ? { to: linkUrl } : {};