migration wip

app/[locale]/page.tsx

@@ -9,6 +9,7 @@ import { ResponsiveSection, ResponsiveWrapper, ResponsiveGrid } from '@/componen
 import { FeaturedImage } from '@/components/content/FeaturedImage';
 import { Container } from '@/components/ui/Container';
 import { Button } from '@/components/ui/Button';
+import { ContentRenderer } from '@/components/content/ContentRenderer';
 
 interface PageProps {
   params: {
@@ -117,9 +118,9 @@ export default async function Page({ params }: PageProps) {
               {page.title}
             </h1>
             {page.excerptHtml && (
-              <div
+              <ContentRenderer
+                content={page.excerptHtml}
                 className="text-lg sm:text-xl text-gray-600 leading-relaxed"
-                dangerouslySetInnerHTML={{ __html: processHTML(page.excerptHtml) }}
               />
             )}
           </ResponsiveWrapper>
@@ -127,9 +128,9 @@ export default async function Page({ params }: PageProps) {
 
         {processedContent && (
           <ResponsiveWrapper className="bg-white rounded-lg shadow-sm p-6 sm:p-8" container={true} maxWidth="full">
-            <div
+            <ContentRenderer
+              content={contentToDisplay || ''}
               className="prose prose-lg max-w-none"
-              dangerouslySetInnerHTML={{ __html: processedContent }}
             />
           </ResponsiveWrapper>
         )}