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

apps/spa/src/components/DynamicEditorialTile.tsx

@@ -1,21 +1,25 @@
 import { Link } from 'react-router-dom';
 import type { EditorialTileSectionPayload } from '@homaroma/types';
+import { useTranslation } from 'react-i18next';
+import { getLocalizedField } from '../utils/localization';
 
 interface DynamicEditorialTileProps {
   payload: EditorialTileSectionPayload;
 }
 
 export default function DynamicEditorialTile({ payload }: DynamicEditorialTileProps) {
+  const { i18n } = useTranslation();
+  const lang = i18n.language;
   const {
-    title,
-    description,
     imageUrl,
     imagePosition = 'left',
-    buttonText,
     buttonLink,
     backgroundColor = '#FDFDF9', // Default to spa-light
     textColor = '#1F3D2D' // Default to spa-forest
   } = payload;
+  const title = getLocalizedField(payload.title, lang);
+  const description = getLocalizedField(payload.description, lang);
+  const buttonText = getLocalizedField(payload.buttonText, lang);
 
   const renderTitle = (text: string) => {
     if (!text) return null;