add contract page with dynamic form elements

frontend/src/components/Forms/Row/index.tsx

@@ -1,5 +1,5 @@
 import { ActionIcon, Table, Tooltip } from "@mantine/core";
-import { useNavigate } from "react-router";
+import { useNavigate, useSearchParams } from "react-router";
 import { deleteForm} from "@/services/api";
 import { IconEdit, IconX } from "@tabler/icons-react";
 import { t } from "@/config/i18n";
@@ -12,6 +12,7 @@ export type FormRowProps = {
 export default function FormRow({
     form, 
 }: FormRowProps) {
+    const [searchParams, _] = useSearchParams();
     const deleteMutation = deleteForm();
     const navigate = useNavigate();
 
@@ -30,7 +31,7 @@ export default function FormRow({
                         mr="5"
                         onClick={(e) => {
                             e.stopPropagation();
-                            navigate(`/dashboard/forms/${form.id}/edit`);
+                            navigate(`/dashboard/forms/${form.id}/edit${searchParams ? `?${searchParams.toString()}` : ""}`);
                         }}
                     >
                         <IconEdit/>