add contract storage fix various bugs and translations

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

@@ -0,0 +1,55 @@
+import { ActionIcon, Table, Tooltip } from "@mantine/core";
+import { type Contract } from "@/services/resources/contracts";
+import { IconX } from "@tabler/icons-react";
+import { t } from "@/config/i18n";
+import { useDeleteContract } from "@/services/api";
+
+export type ContractRowProps = {
+    contract: Contract;
+};
+
+export default function ContractRow({ contract }: ContractRowProps) {
+    // const [searchParams] = useSearchParams();
+    const deleteMutation = useDeleteContract();
+    // const navigate = useNavigate();
+
+    return (
+        <Table.Tr key={contract.id}>
+            <Table.Td>
+                {contract.firstname} {contract.lastname}
+            </Table.Td>
+            <Table.Td>{contract.email}</Table.Td>
+            <Table.Td>
+                {contract.cheque_quantity > 0 && contract.cheque_quantity} {contract.payment_method}
+            </Table.Td>
+            <Table.Td>
+                {/* <Tooltip label={t("edit contract", { capfirst: true })}>
+                    <ActionIcon
+                        size="sm"
+                        mr="5"
+                        onClick={(e) => {
+                            e.stopPropagation();
+                            navigate(
+                                `/dashboard/contracts/${contract.id}/edit${searchParams ? `?${searchParams.toString()}` : ""}`,
+                            );
+                        }}
+                    >
+                        <IconEdit />
+                    </ActionIcon>
+                </Tooltip> */}
+                <Tooltip label={t("remove contract", { capfirst: true })}>
+                    <ActionIcon
+                        color="red"
+                        size="sm"
+                        mr="5"
+                        onClick={() => {
+                            deleteMutation.mutate(contract.id);
+                        }}
+                    >
+                        <IconX />
+                    </ActionIcon>
+                </Tooltip>
+            </Table.Td>
+        </Table.Tr>
+    );
+}