feat(form-fill): FormFill tool with context and UI components for PDF form filling (#5711)

frontend/src/proprietary/data/useProprietaryToolRegistry.tsx

@@ -1,5 +1,10 @@
 import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
 import { type ProprietaryToolRegistry } from "@app/data/toolsTaxonomy";
+import { ToolCategoryId, SubcategoryId } from "@app/data/toolsTaxonomy";
+import FormFill from "@app/tools/formFill/FormFill";
+import React from "react";
+import TextFieldsIcon from '@mui/icons-material/TextFields';
 
 /**
  * Hook that provides the proprietary tool registry.
@@ -8,5 +13,21 @@ import { type ProprietaryToolRegistry } from "@app/data/toolsTaxonomy";
  * and will be included in the main tool registry.
  */
 export function useProprietaryToolRegistry(): ProprietaryToolRegistry {
-  return useMemo<ProprietaryToolRegistry>(() => ({}), []);
+  const { t } = useTranslation();
+
+  return useMemo<ProprietaryToolRegistry>(() => ({
+    formFill: {
+      icon: React.createElement(TextFieldsIcon, { sx: { fontSize: '1.5rem' } }),
+      name: t('home.formFill.title', 'Fill Form'),
+      component: FormFill,
+      description: t('home.formFill.desc', 'Fill PDF form fields interactively with a visual editor'),
+      categoryId: ToolCategoryId.STANDARD_TOOLS,
+      subcategoryId: SubcategoryId.GENERAL,
+      workbench: 'viewer' as const,
+      endpoints: ['form-fill'],
+      automationSettings: null,
+      supportsAutomate: false,
+      synonyms: ['form', 'fill', 'fillable', 'input', 'field', 'acroform'],
+    },
+  }), [t]);
 }