add contract page with dynamic form elements

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

@@ -4,7 +4,7 @@ import { IconEdit, IconX } from "@tabler/icons-react";
 import { type User, type UserInputs } from "@/services/resources/users";
 import { UserModal } from "@/components/Users/Modal";
 import { deleteUser, getUser } from "@/services/api";
-import { useNavigate } from "react-router";
+import { useNavigate, useSearchParams } from "react-router";
 
 export type UserRowProps = {
     user: User;
@@ -13,6 +13,7 @@ export type UserRowProps = {
 export default function UserRow({
     user,
 }: UserRowProps) {
+    const [searchParams, _] = useSearchParams();
     const deleteMutation = deleteUser();
     const navigate = useNavigate();
 
@@ -27,7 +28,7 @@ export default function UserRow({
                         mr="5"
                         onClick={(e) => {
                             e.stopPropagation();
-                            navigate(`/dashboard/users/${user.id}/edit`);
+                            navigate(`/dashboard/users/${user.id}/edit${searchParams ? `?${searchParams.toString()}` : ""}`);
                         }}
                     >
                         <IconEdit/>