Implementation de la notion d'espace d'investissement

frontend/src/pages/Remboursements.jsx

@@ -1,5 +1,6 @@
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { usePagination } from '../hooks/usePagination.js';
+import { useAsyncAction } from '../hooks/useAsyncAction.js';
 import Pagination from '../components/Pagination.jsx';
 import PageIcon from '../components/PageIcon.jsx';
 import EmptyState from '../components/EmptyState.jsx';
@@ -245,6 +246,7 @@ export default function Remboursements() {
   const [editingId,        setEditingId]        = useState(null);
   const [form,             setForm]             = useState(empty);
   const [err,              setErr]              = useState(null);
+  const { run: runSubmit, pending: submitting } = useAsyncAction();
   const [confirmingDelete, setConfirmingDelete] = useState(false);
   const [corrDeleteConfirm, setCorrDeleteConfirm] = useState(null);
   const [comptesInvestisseur, setComptesInvestisseur] = useState([]);
@@ -1543,8 +1545,9 @@ export default function Remboursements() {
             open={modalOpen}
             editingId={editingId}
             onClose={close}
-            onSubmit={submit}
-            onDelete={onDelete}
+            onSubmit={e => runSubmit(submit, e)}
+            onDelete={() => runSubmit(onDelete)}
+            submitting={submitting}
             confirmingDelete={confirmingDelete}
             setConfirmingDelete={setConfirmingDelete}
             err={err}