feat: migration von directus zu payloadcms

components/PayloadRichText.tsx

@@ -19,7 +19,25 @@ import ProductTechnicalData from '@/components/ProductTechnicalData';
 
 const jsxConverters: JSXConverters = {
   ...defaultJSXConverters,
+  // Let the default converters handle text nodes to preserve valid formatting
+  // If the text node contains raw HTML (from messy migrations), render it as HTML instead of escaping it
+  text: ({ node }: any) => {
+    const text = node.text;
+    if (text && (text.includes('<') || text.includes('data-start'))) {
+      return <span dangerouslySetInnerHTML={{ __html: text }} />;
+    }
+
+    if (node.format === 1) return <strong>{text}</strong>;
+    if (node.format === 2) return <em>{text}</em>;
+    return <span>{text}</span>;
+  },
+  // Scale headings to prevent multiple H1s (H1 -> H2, etc)
+  h1: ({ children }: any) => <h2 className="text-3xl md:text-4xl font-bold my-6">{children}</h2>,
+  h2: ({ children }: any) => <h3 className="text-2xl md:text-3xl font-bold my-5">{children}</h3>,
+  h3: ({ children }: any) => <h4 className="text-xl md:text-2xl font-bold my-4">{children}</h4>,
+
   blocks: {
+    // ... preserved existing blocks ...
     // Map the custom Payload Blocks created in src/payload/blocks to their React components
     // Payload Lexical exposes blocks using the 'block-[slug]' pattern
     stickyNarrative: ({ node }: any) => (