Amélioration UI

frontend/src/components/RembFormModal.jsx

@@ -1,4 +1,5 @@
 import Modal from './Modal.jsx';
+import InvestissementSelect from './InvestissementSelect.jsx';
 import { fmtEUR } from '../utils/format.js';
 
 /* ── Helpers purs (dupliqués volontairement, pas d'état) ── */
@@ -128,16 +129,11 @@ export default function RembFormModal({
           {!locked && (
             <div style={{ gridColumn: isBonus ? 'span 1' : 'span 3' }}>
               <label>Investissement *</label>
-              <select required value={form.investissement_id}
-                onChange={e => onFieldChange('investissement_id', e.target.value)}>
-                <option value="">—</option>
-                <option value="BONUS_PARRAINAGE">🎁 Bonus Parrainage</option>
-                <option value="BONUS_PLATEFORME">🏆 Bonus Plateforme</option>
-                <optgroup label="──────────────────" />
-                {investissementOptions.map(i =>
-                  <option key={i.id} value={i.id}>{i.plateforme_nom} — {i.nom_projet} ({fmtEUR(i.montant_investi)})</option>
-                )}
-              </select>
+              <InvestissementSelect
+                value={form.investissement_id}
+                onChange={v => onFieldChange('investissement_id', v)}
+                options={investissementOptions}
+              />
             </div>
           )}
           {!locked && isBonus && (