fix(i18n): localize hardcoded frontend text in English and German (Stirling-Tools#6993)

Author: Ludy87

frontend/editor/public/locales/de-DE/translation.toml

@@ -356,6 +356,7 @@ text = "Diese Berechtigungen kontrollieren, was Benutzer mit der PDF machen kön
 title = "Berechtigungen ändern"
 
 [addStamp]
+preview = "Stempelvorschau"
 tags = "stamp,mark,seal,approved,rejected,confidential,stamp tool,rubber stamp,date stamp,approval stamp,received,void,copy,original"
 
 [AddStampRequest]
@@ -1842,6 +1843,15 @@ export = "Export"
 accessDenied = "Zugriff verweigert"
 insufficientPermissions = "Sie haben keine Berechtigung, diese Aktion auszuführen."
 
+[auth.callback]
+completing = "Authentifizierung wird abgeschlossen"
+invalidToken = "OAuth-Anmeldung fehlgeschlagen – ungültiges Token."
+missingToken = "OAuth-Anmeldung fehlgeschlagen – kein Token empfangen."
+oauthFailed = "OAuth-Anmeldung fehlgeschlagen. Bitte versuchen Sie es erneut."
+pleaseWait = "Bitte warten Sie, während wir Ihre Anmeldung abschließen."
+signedOut = "Sie wurden abgemeldet. Bitte melden Sie sich erneut an."
+windowMayClose = "Sie können dieses Fenster schließen, sobald der Vorgang abgeschlossen ist."
+
 [auth.displayName]
 guest = "Gast"
 user = "Benutzer"
@@ -2824,6 +2834,7 @@ next = "Weiter"
 preview = "Vorschau"
 previous = "Zurück"
 refresh = "Aktualisieren"
+remaining = "Verbleibend"
 retry = "Wiederholen"
 save = "Save"
 
@@ -4072,10 +4083,17 @@ discord = "Discord"
 issues = "GitHub"
 
 [formFill]
+allSaved = "Alles gespeichert"
+extractCsvError = "CSV konnte nicht extrahiert werden"
+extractXlsxError = "XLSX konnte nicht extrahiert werden"
 flattenAfterFilling = "Nach dem Ausfüllen ebnen"
+requiredAbbreviation = "erf."
+requiredFieldsError = "Bitte füllen Sie alle Pflichtfelder aus"
 rescanFields = "Felder erneut scannen"
 rescanFormFields = "Formularfelder erneut scannen"
 save = "Speichern"
+saveShortcut = "Strg+S zum Speichern"
+unsavedChanges = "Nicht gespeicherte Änderungen"
 
 [formFill.sidebar]
 close = "Seitenleiste schließen"
@@ -4996,7 +5014,21 @@ titleWithOs = "Herunterladen für {{osLabel}}"
 
 [onboarding.mfa]
 authenticationCode = "Authentifizierungscode"
+description = "Schützen Sie Ihr Konto, indem Sie eine Authenticator-App verknüpfen. Scannen Sie den QR-Code oder geben Sie den Einrichtungsschlüssel ein und bestätigen Sie anschließend den sechsstelligen Code."
+enable = "MFA aktivieren"
+enableError = "Die Multi-Faktor-Authentifizierung konnte nicht aktiviert werden. Prüfen Sie den Code und versuchen Sie es erneut."
+enterCode = "Geben Sie den sechsstelligen Code aus Ihrer App ein."
+enterCodeError = "Geben Sie den Authentifizierungscode ein, um fortzufahren."
+logout = "Abmelden"
+openAuthenticator = "Öffnen Sie Google Authenticator, Authy oder 1Password."
 qrCodeLoading = "Ihr QR-Code wird erstellt…"
+regenerateQrCode = "QR-Code neu erstellen"
+scanQrCode = "Scannen Sie den QR-Code oder geben Sie den unten stehenden Einrichtungsschlüssel ein."
+setupError = "Die Einrichtung der Zwei-Faktor-Authentifizierung konnte nicht gestartet werden. Bitte versuchen Sie es erneut."
+setupKey = "Einrichtungsschlüssel (manuelle Eingabe)"
+stepByStep = "Schritt für Schritt"
+success = "MFA wurde aktiviert. Sie können jetzt fortfahren."
+title = "Einrichtung der Multi-Faktor-Authentifizierung"
 
 [onboarding.planOverview]
 adminBodyLoginDisabled = "Sobald Sie den Login-Modus aktivieren, können Sie Nutzer verwalten, Einstellungen konfigurieren und die Servergesundheit überwachen. Die ersten <strong>{{freeTierLimit}}</strong> Personen auf Ihrem Server nutzen Stirling kostenlos."
@@ -9110,6 +9142,11 @@ security = "Sicherheit"
 telegram = "Telegram"
 title = "Sicherheit & Authentifizierung"
 
+[settings.signOut]
+confirm = "Möchten Sie sich wirklich abmelden?"
+submit = "Abmelden"
+title = "Abmelden"
+
 [settings.team]
 title = "Team"
 
@@ -9726,6 +9763,9 @@ uploadButton = "Auf Server hochladen"
 title = "Stirling-PDF Survey"
 
 [swagger]
+clickHere = "hier klicken"
+fallback = "Falls die Seite nicht automatisch geöffnet wurde,"
+opening = "Swagger UI wird in einem neuen Tab geöffnet..."
 tags = "API,Dokumentation,Swagger,Endpunkte,Entwicklung"
 title = "API-Dokumentation"
 
@@ -10281,9 +10321,11 @@ title = "Attachments"
 
 [viewer.bookmarks]
 bookmarkTitle = "Lesezeichentitel"
+bookmarkTitleRequired = "Ein Lesezeichentitel ist erforderlich"
 closeSidebar = "Seitenleiste für Lesezeichen schließen"
 collapseAll = "Alle Lesezeichen einklappen"
 expandAll = "Alle Lesezeichen ausklappen"
+searchPlaceholder = "Lesezeichen durchsuchen"
 
 [viewer.comments]
 addComment = "Kommentar hinzufügen"

frontend/editor/public/locales/en-US/translation.toml

@@ -356,6 +356,7 @@ text = "These permissions control what users can do with the PDF. Most effective
 title = "Change Permissions"
 
 [addStamp]
+preview = "Preview Stamp"
 tags = "stamp,mark,seal,approved,rejected,confidential,stamp tool,rubber stamp,date stamp,approval stamp,received,void,copy,original"
 
 [AddStampRequest]
@@ -1842,6 +1843,15 @@ export = "Export"
 accessDenied = "Access Denied"
 insufficientPermissions = "You do not have permission to perform this action."
 
+[auth.callback]
+completing = "Completing authentication"
+invalidToken = "OAuth login failed - invalid token."
+missingToken = "OAuth login failed - no token received."
+oauthFailed = "OAuth login failed. Please try again."
+pleaseWait = "Please wait while we finish signing you in."
+signedOut = "You have been signed out. Please sign in again."
+windowMayClose = "You can close this window once it completes."
+
 [auth.displayName]
 guest = "Guest"
 user = "User"
@@ -2824,6 +2834,7 @@ next = "Next"
 preview = "Preview"
 previous = "Previous"
 refresh = "Refresh"
+remaining = "Remaining"
 retry = "Retry"
 save = "Save"
 
@@ -4072,10 +4083,17 @@ discord = "Discord"
 issues = "GitHub"
 
 [formFill]
+allSaved = "All saved"
+extractCsvError = "Failed to extract CSV"
+extractXlsxError = "Failed to extract XLSX"
 flattenAfterFilling = "Flatten after filling"
+requiredAbbreviation = "req"
+requiredFieldsError = "Please fill in all required fields"
 rescanFields = "Re-scan fields"
 rescanFormFields = "Re-scan form fields"
 save = "Save"
+saveShortcut = "Ctrl+S to save"
+unsavedChanges = "Unsaved changes"
 
 [formFill.sidebar]
 close = "Close sidebar"
@@ -5016,7 +5034,21 @@ titleWithOs = "Download for {{osLabel}}"
 
 [onboarding.mfa]
 authenticationCode = "Authentication code"
+description = "Secure your account by linking an authenticator app. Scan the QR code or enter the setup key, then confirm the 6-digit code to finish."
+enable = "Enable MFA"
+enableError = "Unable to enable two-factor authentication. Check the code and try again."
+enterCode = "Enter the 6-digit code from your app."
+enterCodeError = "Enter the authentication code to continue."
+logout = "Logout"
+openAuthenticator = "Open Google Authenticator, Authy, or 1Password."
 qrCodeLoading = "Generating your QR code…"
+regenerateQrCode = "Regenerate QR code"
+scanQrCode = "Scan the QR code or enter the setup key below."
+setupError = "Unable to start two-factor setup. Please try again."
+setupKey = "Setup key (manual entry)"
+stepByStep = "Step-by-step"
+success = "MFA has been enabled. You can now continue."
+title = "Multi-Factor Authentication Setup"
 
 [onboarding.planOverview]
 adminBodyLoginDisabled = "Once you enable login mode, you can manage users, configure settings, and monitor server health. The first <strong>{{freeTierLimit}}</strong> people on your server get to use Stirling free of charge."
@@ -9178,6 +9210,11 @@ security = "Security"
 telegram = "Telegram"
 title = "Security & Authentication"
 
+[settings.signOut]
+confirm = "Are you sure you want to sign out?"
+submit = "Sign out"
+title = "Sign out"
+
 [settings.team]
 title = "Team"
 
@@ -9794,6 +9831,9 @@ uploadButton = "Upload to Server"
 title = "Stirling-PDF Survey"
 
 [swagger]
+clickHere = "click here"
+fallback = "If it didn't open automatically,"
+opening = "Opening Swagger UI in a new tab..."
 tags = "api,documentation,swagger,endpoints,development"
 title = "API Documentation"
 
@@ -10362,9 +10402,11 @@ title = "Attachments"
 
 [viewer.bookmarks]
 bookmarkTitle = "Bookmark title"
+bookmarkTitleRequired = "Bookmark title is required"
 closeSidebar = "Close bookmarks sidebar"
 collapseAll = "Collapse all bookmarks"
 expandAll = "Expand all bookmarks"
+searchPlaceholder = "Search bookmarks"
 
 [viewer.comments]
 addComment = "Add comment"

frontend/editor/src/core/components/onboarding/slides/MFASetupSlide.tsx

@@ -26,6 +26,7 @@ import LocalIcon from "@app/components/shared/LocalIcon";
 import { BASE_PATH, withBasePath } from "@app/constants/app";
 import styles from "@app/components/onboarding/InitialOnboardingModal/InitialOnboardingModal.module.css";
 import { MfaSetupResponse } from "@app/responses/Mfa/MfaResponse";
+import i18n from "@app/i18n";
 
 interface MFASetupSlideProps {
   onMfaSetupComplete?: () => void;
@@ -62,12 +63,15 @@ function MFASetupContent({ onMfaSetupComplete }: MFASetupSlideProps) {
       const axiosError = err as { response?: { data?: { error?: string } } };
       setMfaError(
         axiosError.response?.data?.error ||
-          "Unable to start two-factor setup. Please try again.",
+          t(
+            "onboarding.mfa.setupError",
+            "Unable to start two-factor setup. Please try again.",
+          ),
       );
     } finally {
       setMfaLoading(false);
     }
-  }, []);
+  }, [t]);
 
   useEffect(() => {
     setupCompleteRef.current = setupComplete;
@@ -96,7 +100,12 @@ function MFASetupContent({ onMfaSetupComplete }: MFASetupSlideProps) {
       event.preventDefault();
 
       if (!mfaSetupCode.trim()) {
-        setMfaError("Enter the authentication code to continue.");
+        setMfaError(
+          t(
+            "onboarding.mfa.enterCodeError",
+            "Enter the authentication code to continue.",
+          ),
+        );
         return;
       }
 
@@ -110,13 +119,16 @@ function MFASetupContent({ onMfaSetupComplete }: MFASetupSlideProps) {
         const axiosError = err as { response?: { data?: { error?: string } } };
         setMfaError(
           axiosError.response?.data?.error ||
-            "Unable to enable two-factor authentication. Check the code and try again.",
+            t(
+              "onboarding.mfa.enableError",
+              "Unable to enable two-factor authentication. Check the code and try again.",
+            ),
         );
       } finally {
         setSubmitting(false);
       }
     },
-    [mfaSetupCode, onMfaSetupComplete],
+    [mfaSetupCode, onMfaSetupComplete, t],
   );
 
   const isReady = Boolean(mfaSetupData);
@@ -138,15 +150,30 @@ function MFASetupContent({ onMfaSetupComplete }: MFASetupSlideProps) {
 
       <Stack gap="xs">
         <Text size="sm" fw={600}>
-          Step-by-step
+          {t("onboarding.mfa.stepByStep", "Step-by-step")}
         </Text>
         <ol className={styles.mfaSteps}>
-          <li>Open Google Authenticator, Authy, or 1Password.</li>
-          <li>Scan the QR code or enter the setup key below.</li>
-          <li>Enter the 6-digit code from your app.</li>
+          <li>
+            {t(
+              "onboarding.mfa.openAuthenticator",
+              "Open Google Authenticator, Authy, or 1Password.",
+            )}
+          </li>
+          <li>
+            {t(
+              "onboarding.mfa.scanQrCode",
+              "Scan the QR code or enter the setup key below.",
+            )}
+          </li>
+          <li>
+            {t(
+              "onboarding.mfa.enterCode",
+              "Enter the 6-digit code from your app.",
+            )}
+          </li>
         </ol>
         <Text size="xs" c="dimmed">
-          Setup key (manual entry)
+          {t("onboarding.mfa.setupKey", "Setup key (manual entry)")}
         </Text>
         <TextInput
           value={mfaSetupData.secret ?? ""}
@@ -163,9 +190,10 @@ function MFASetupContent({ onMfaSetupComplete }: MFASetupSlideProps) {
       <div className={styles.mfaCard}>
         <Stack gap="md">
           <Text size="sm" c="dimmed">
-            Secure your account by linking an authenticator app. Scan the QR
-            code or enter the setup key, then confirm the 6-digit code to
-            finish.
+            {t(
+              "onboarding.mfa.description",
+              "Secure your account by linking an authenticator app. Scan the QR code or enter the setup key, then confirm the 6-digit code to finish.",
+            )}
           </Text>
 
           {mfaError && (
@@ -215,7 +243,7 @@ function MFASetupContent({ onMfaSetupComplete }: MFASetupSlideProps) {
                   onClick={fetchMfaSetup}
                   disabled={mfaLoading || submitting || setupComplete}
                 >
-                  Regenerate QR code
+                  {t("onboarding.mfa.regenerateQrCode", "Regenerate QR code")}
                 </Button>
                 <Button
                   type="submit"
@@ -224,16 +252,19 @@ function MFASetupContent({ onMfaSetupComplete }: MFASetupSlideProps) {
                     !isReady || setupComplete || mfaSetupCode.length < 6
                   }
                 >
-                  Enable MFA
+                  {t("onboarding.mfa.enable", "Enable MFA")}
                 </Button>
                 <Button variant="secondary" type="button" onClick={onLogout}>
-                  Logout
+                  {t("onboarding.mfa.logout", "Logout")}
                 </Button>
               </Group>
 
               {setupComplete && (
                 <Alert color="green" variant="light">
-                  MFA has been enabled. You can now continue.
+                  {t(
+                    "onboarding.mfa.success",
+                    "MFA has been enabled. You can now continue.",
+                  )}
                 </Alert>
               )}
             </Stack>
@@ -249,7 +280,7 @@ export default function MFASetupSlide({
 }: MFASetupSlideProps = {}): SlideConfig {
   return {
     key: "mfa-setup-slide",
-    title: "Multi-Factor Authentication Setup",
+    title: i18n.t("onboarding.mfa.title", "Multi-Factor Authentication Setup"),
     body: <MFASetupContent onMfaSetupComplete={onMfaSetupComplete} />,
     background: {
       gradientStops: ["#059669", "#0891B2"], // Green to teal - security/trust colors

frontend/editor/src/core/components/tools/addStamp/StampPreview.tsx

@@ -12,6 +12,7 @@ import {
 import styles from "@app/components/tools/addStamp/StampPreview.module.css";
 import { PrivateContent } from "@app/components/shared/PrivateContent";
 import { Button } from "@app/ui/Button";
+import { useTranslation } from "react-i18next";
 
 type Props = {
   parameters: AddStampParameters;
@@ -29,6 +30,7 @@ export default function StampPreview({
   file,
   showQuickGrid,
 }: Props) {
+  const { t } = useTranslation();
   const containerRef = useRef<HTMLDivElement>(null);
   const [containerSize, setContainerSize] = useState<{
     width: number;
@@ -366,7 +368,9 @@ export default function StampPreview({
     <div>
       <div className={styles.previewHeader}>
         <div className={styles.divider} />
-        <div className={styles.previewLabel}>Preview Stamp</div>
+        <div className={styles.previewLabel}>
+          {t("addStamp.preview", "Preview Stamp")}
+        </div>
       </div>
       <div
         ref={containerRef}