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/pages/HelpArticlePage.tsx

@@ -73,16 +73,18 @@ export default function HelpArticlePage() {
             {article.updated_at && (
               <div>{t('help.article.updated', { date: formatDate(article.updated_at, locale) })}</div>
             )}
-            {servedFromCache && (
-              <Badge variant="secondary" className="bg-amber-200/70 text-amber-900 dark:bg-amber-500/30 dark:text-amber-100">
-                {t('help.center.offlineBadge')}
-              </Badge>
-            )}
+            <Button variant="ghost" size="sm" asChild>
+              <Link to={basePath}>
+                ← {t('help.article.back')}
+              </Link>
+            </Button>
+          </div>
+          <div className="overflow-x-auto">
+            <div
+              className="prose prose-sm max-w-none dark:prose-invert [&_table]:w-full [&_table]:text-sm [&_:where(p,ul,ol,li)]:text-foreground [&_:where(h1,h2,h3,h4,h5,h6)]:text-foreground"
+              dangerouslySetInnerHTML={{ __html: article.body_html ?? article.body_markdown ?? '' }}
+            />
           </div>
-          <div
-            className="prose prose-sm max-w-none dark:prose-invert"
-            dangerouslySetInnerHTML={{ __html: article.body_html ?? article.body_markdown ?? '' }}
-          />
           {article.related && article.related.length > 0 && (
             <section className="space-y-3">
               <h3 className="text-base font-semibold text-foreground">{t('help.article.relatedTitle')}</h3>
@@ -95,7 +97,7 @@ export default function HelpArticlePage() {
                     asChild
                   >
                     <Link to={`${basePath}/${encodeURIComponent(rel.slug)}`}>
-                      {rel.slug}
+                      {rel.title ?? rel.slug}
                     </Link>
                   </Button>
                 ))}

resources/js/guest/pages/LegalPage.tsx

@@ -8,6 +8,7 @@ export default function LegalPage() {
   const [loading, setLoading] = React.useState(true);
   const [title, setTitle] = React.useState('');
   const [body, setBody] = React.useState('');
+  const [html, setHtml] = React.useState('');
 
   React.useEffect(() => {
     if (!page) {
@@ -29,11 +30,13 @@ export default function LegalPage() {
         const data = await res.json();
         setTitle(data.title || '');
         setBody(data.body_markdown || '');
+        setHtml(data.body_html || '');
       } catch (error) {
         if (!controller.signal.aborted) {
           console.error('Failed to load legal page', error);
           setTitle('');
           setBody('');
+          setHtml('');
         }
       } finally {
         if (!controller.signal.aborted) {
@@ -50,7 +53,7 @@ export default function LegalPage() {
 
   return (
     <Page title={title || fallbackTitle}>
-      {loading ? <p>Laedt...</p> : <LegalMarkdown markdown={body} />}
+      {loading ? <p>Laedt...</p> : <LegalMarkdown markdown={body} html={html} />}
     </Page>
   );
 }