migration wip

app/[locale]/product-category/[slug]/page.tsx

@@ -2,6 +2,7 @@ import { notFound } from 'next/navigation'
 import { getAllCategories, getProductsByCategory } from '@/lib/data'
 import { ProductList } from '@/components/ProductList'
 import { Metadata } from 'next'
+import { ContentRenderer } from '@/components/content/ContentRenderer'
 
 interface PageProps {
   params: {
@@ -48,9 +49,9 @@ export default async function ProductCategoryPage({ params }: PageProps) {
     <div className="container mx-auto px-4 py-8">
       <h1 className="text-4xl font-bold mb-6">{category.name}</h1>
       {category.description && (
-        <div 
+        <ContentRenderer
+          content={category.description}
           className="mb-8 prose max-w-none"
-          dangerouslySetInnerHTML={{ __html: category.description }}
         />
       )}