im profil kann ein nutzer nun seine daten exportieren. man kann seinen account löschen. nach 2 jahren werden inaktive accounts gelöscht, 1 monat vorher wird eine email geschickt. Hilfetexte und Legal Pages in der Guest PWA korrigiert und vom layout her optimiert (dark mode).

resources/js/guest/components/legal-markdown.tsx

@@ -1,24 +1,31 @@
 import React from "react";
 
 type Props = {
-  markdown: string;
+  markdown?: string;
+  html?: string;
 };
 
-export function LegalMarkdown({ markdown }: Props) {
-  const html = React.useMemo(() => {
-    let safe = markdown
+export function LegalMarkdown({ markdown = '', html }: Props) {
+  const derived = React.useMemo(() => {
+    if (html && html.trim().length > 0) {
+      return html;
+    }
+
+    const escaped = markdown
       .replace(/&/g, '&')
       .replace(/</g, '&lt;')
       .replace(/>/g, '&gt;');
-    safe = safe.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
-    safe = safe.replace(/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g, '<em>$1</em>');
-    safe = safe.replace(/\[(.+?)\]\((https?:[^\s)]+)\)/g, '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>');
-    safe = safe
+
+    return escaped
       .split(/\n{2,}/)
       .map((block) => `<p>${block.replace(/\n/g, '<br/>')}</p>`)
       .join('\n');
-    return safe;
-  }, [markdown]);
+  }, [markdown, html]);
 
-  return <div className="prose prose-sm dark:prose-invert" dangerouslySetInnerHTML={{ __html: html }} />;
-}
+  return (
+    <div
+      className="prose prose-sm max-w-none dark:prose-invert [&_:where(p,ul,ol,li)]:text-foreground [&_:where(h1,h2,h3,h4,h5,h6)]:text-foreground"
+      dangerouslySetInnerHTML={{ __html: derived }}
+    />
+  );
+}