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

apps/spa/src/components/DynamicScentNotesBreakdown.tsx

@@ -1,9 +1,19 @@
+import { useTranslation } from 'react-i18next';
+import { getLocalizedField } from '../utils/localization';
+
 interface DynamicScentNotesBreakdownProps {
   payload: any;
 }
 
 export default function DynamicScentNotesBreakdown({ payload }: DynamicScentNotesBreakdownProps) {
-  const { title, description, topNotes, heartNotes, baseNotes } = payload || {};
+  const { i18n } = useTranslation();
+  const lang = i18n.language;
+  const p = payload || {};
+  const title = getLocalizedField(p.title, lang);
+  const description = getLocalizedField(p.description, lang);
+  const topNotes = getLocalizedField(p.topNotes, lang);
+  const heartNotes = getLocalizedField(p.heartNotes, lang);
+  const baseNotes = getLocalizedField(p.baseNotes, lang);
 
   return (
     <section className="py-20 px-6 bg-spa-light">