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/i18n/useTranslation.ts

@@ -2,20 +2,48 @@ import React from 'react';
 import { translate, DEFAULT_LOCALE, type LocaleCode } from './messages';
 import { useLocale } from './LocaleContext';
 
-export type TranslateFn = (key: string, fallback?: string) => string;
+type ReplacementValues = Record<string, string | number>;
+
+export type TranslateFn = {
+  (key: string): string;
+  (key: string, fallback: string): string;
+  (key: string, replacements: ReplacementValues): string;
+  (key: string, replacements: ReplacementValues, fallback: string): string;
+};
 
 function resolveTranslation(locale: LocaleCode, key: string, fallback?: string): string {
   return translate(locale, key) ?? translate(DEFAULT_LOCALE, key) ?? fallback ?? key;
 }
 
+function applyReplacements(value: string, replacements?: ReplacementValues): string {
+  if (!replacements) {
+    return value;
+  }
+
+  return Object.entries(replacements).reduce((acc, [token, replacement]) => {
+    const pattern = new RegExp(`\\{${token}\\}`, 'g');
+    return acc.replace(pattern, String(replacement));
+  }, value);
+}
+
 export function useTranslation() {
   const { locale } = useLocale();
 
-  const t = React.useCallback<TranslateFn>(
-    (key, fallback) => resolveTranslation(locale, key, fallback),
-    [locale],
-  );
+  const t = React.useCallback<TranslateFn>((key: string, arg2?: ReplacementValues | string, arg3?: string) => {
+    let replacements: ReplacementValues | undefined;
+    let fallback: string | undefined;
+
+    if (typeof arg2 === 'string' || arg2 === undefined) {
+      fallback = arg2 ?? arg3;
+    } else {
+      replacements = arg2;
+      fallback = arg3;
+    }
+
+    const raw = resolveTranslation(locale, key, fallback);
+
+    return applyReplacements(raw, replacements);
+  }, [locale]);
 
   return React.useMemo(() => ({ t, locale }), [t, locale]);
 }
-