Add Remove Password UI into V2 (#4214)

# Description of Changes
- Add UI for Remove Password tool
- Fix more translation warnings that were being thrown in the console
- Add an encrypted PDF thumbnail and refactor thumbnail generation code

frontend/src/tools/AddPassword.tsx

@@ -95,6 +95,7 @@ const AddPassword = ({ onPreviewFile, onComplete, onError }: BaseToolProps) => {
             disabled={endpointLoading}
           />
         ),
+        tooltip: addPasswordPermissionsTips,
       },
     ],
     executeButton: {

frontend/src/tools/RemovePassword.tsx

@@ -0,0 +1,98 @@
+import { useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { useEndpointEnabled } from "../hooks/useEndpointConfig";
+import { useFileContext } from "../contexts/FileContext";
+import { useToolFileSelection } from "../contexts/FileSelectionContext";
+
+import { createToolFlow } from "../components/tools/shared/createToolFlow";
+
+import RemovePasswordSettings from "../components/tools/removePassword/RemovePasswordSettings";
+
+import { useRemovePasswordParameters } from "../hooks/tools/removePassword/useRemovePasswordParameters";
+import { useRemovePasswordOperation } from "../hooks/tools/removePassword/useRemovePasswordOperation";
+import { useRemovePasswordTips } from "../components/tooltips/useRemovePasswordTips";
+import { BaseToolProps } from "../types/tool";
+
+const RemovePassword = ({ onPreviewFile, onComplete, onError }: BaseToolProps) => {
+  const { t } = useTranslation();
+  const { setCurrentMode } = useFileContext();
+  const { selectedFiles } = useToolFileSelection();
+
+  const removePasswordParams = useRemovePasswordParameters();
+  const removePasswordOperation = useRemovePasswordOperation();
+  const removePasswordTips = useRemovePasswordTips();
+
+  // Endpoint validation
+  const { enabled: endpointEnabled, loading: endpointLoading } = useEndpointEnabled(removePasswordParams.getEndpointName());
+
+  useEffect(() => {
+    removePasswordOperation.resetResults();
+    onPreviewFile?.(null);
+  }, [removePasswordParams.parameters]);
+
+  const handleRemovePassword = async () => {
+    try {
+      await removePasswordOperation.executeOperation(removePasswordParams.parameters, selectedFiles);
+      if (removePasswordOperation.files && onComplete) {
+        onComplete(removePasswordOperation.files);
+      }
+    } catch (error) {
+      if (onError) {
+        onError(error instanceof Error ? error.message : t("removePassword.error.failed", "Remove password operation failed"));
+      }
+    }
+  };
+
+  const handleThumbnailClick = (file: File) => {
+    onPreviewFile?.(file);
+    sessionStorage.setItem("previousMode", "removePassword");
+    setCurrentMode("viewer");
+  };
+
+  const handleSettingsReset = () => {
+    removePasswordOperation.resetResults();
+    onPreviewFile?.(null);
+    setCurrentMode("removePassword");
+  };
+
+  const hasFiles = selectedFiles.length > 0;
+  const hasResults = removePasswordOperation.files.length > 0 || removePasswordOperation.downloadUrl !== null;
+  const passwordCollapsed = !hasFiles || hasResults;
+
+  return createToolFlow({
+    files: {
+      selectedFiles,
+      isCollapsed: hasFiles || hasResults,
+    },
+    steps: [
+      {
+        title: t("removePassword.password.stepTitle", "Remove Password"),
+        isCollapsed: passwordCollapsed,
+        onCollapsedClick: hasResults ? handleSettingsReset : undefined,
+        tooltip: removePasswordTips,
+        content: (
+          <RemovePasswordSettings
+            parameters={removePasswordParams.parameters}
+            onParameterChange={removePasswordParams.updateParameter}
+            disabled={endpointLoading}
+          />
+        ),
+      },
+    ],
+    executeButton: {
+      text: t("removePassword.submit", "Remove Password"),
+      isVisible: !hasResults,
+      loadingText: t("loading"),
+      onClick: handleRemovePassword,
+      disabled: !removePasswordParams.validateParameters() || !hasFiles || !endpointEnabled,
+    },
+    review: {
+      isVisible: hasResults,
+      operation: removePasswordOperation,
+      title: t("removePassword.results.title", "Decrypted PDFs"),
+      onFileClick: handleThumbnailClick,
+    },
+  });
+};
+
+export default RemovePassword;