Implementation de la notion d'espace d'investissement

frontend/src/pages/Investissements.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 { useLocation, useNavigate, useSearchParams } from 'react-router-dom';
@@ -296,6 +297,7 @@ export default function Investissements() {
   const [form,       setForm]       = useState(empty);
   const [err,        setErr]        = useState(null);
   const [loading,    setLoading]    = useState(false);
+  const { run: runSubmit, pending: submitting } = useAsyncAction();
   const [deleteConfirm, setDeleteConfirm] = useState(null);
   const [openMenu, setOpenMenu] = useState(null);
   // Proposition de dépôt après création d'un investissement si le porte-monnaie ne
@@ -1437,7 +1439,8 @@ export default function Investissements() {
         open={modalOpen}
         editingId={editingId}
         onClose={close}
-        onSubmit={submit}
+        onSubmit={e => runSubmit(submit, e)}
+        submitting={submitting}
         form={form}
         onFieldChange={(key, value) => setForm(f => ({ ...f, [key]: value }))}
         onFormPatch={patch => setForm(f => typeof patch === 'function' ? patch(f) : { ...f, ...patch })}