refactor(frontend): implement GenericFormDialog component

frontend/src/app-components/dialogs/GenericFormDialog.tsx

@@ -0,0 +1,43 @@
+/*
+ * Copyright © 2025 Hexastack. All rights reserved.
+ *
+ * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
+ * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
+ * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
+ */
+
+import React from "react";
+
+import { FormDialog } from "@/app-components/dialogs";
+import { useTranslate } from "@/hooks/useTranslate";
+import { TTranslationKeys } from "@/i18n/i18n.types";
+import { ComponentFormDialogProps } from "@/types/common/dialogs.types";
+
+type GenericFormDialogProps<T> = ComponentFormDialogProps<T> & {
+  Form: React.ElementType;
+  addText?: TTranslationKeys;
+  editText?: TTranslationKeys;
+};
+
+export const GenericFormDialog = <T,>({
+  Form,
+  payload,
+  ...rest
+}: GenericFormDialogProps<T>) => {
+  const { t } = useTranslate();
+  const translationKey = payload ? rest.editText : rest.addText;
+
+  return (
+    <Form
+      data={payload}
+      Wrapper={FormDialog}
+      onSuccess={() => {
+        rest.onClose(true);
+      }}
+      WrapperProps={{
+        title: translationKey && t(translationKey),
+        ...rest,
+      }}
+    />
+  );
+};

frontend/src/app-components/dialogs/index.ts

@@ -11,5 +11,6 @@ export * from "./confirm/ConfirmDialogBody";
 export * from "./DeleteDialog";
 export * from "./DialogTitle";
 export * from "./FormDialog";
+export * from "./GenericFormDialog";
 export * from "./layouts/ContentContainer";
 export * from "./layouts/ContentItem";