add negative handler on amount field

src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx

@@ -263,10 +263,16 @@ const TransactionDisbursement = () => {
                     <label htmlFor="amount">Amount</label>
                     <span className="text-red-500">*</span>
                     <Input
-                      id="amount"
+                      id="topupAmount"
                       type="number"
+                      min={0}
                       value={form.amount}
-                      onChange={(e) => setForm({ ...form, amount: e.target.value })}
+                      onChange={(e) => {
+                        const value = Number(e.target.value);
+                        if (value >= 0) {
+                          setForm({ ...form, amount: String(value) });
+                        }
+                      }}
                     />
                   </div>
                   <div>

src/pages/transaction/topup/TransactionTopup.tsx

@@ -158,8 +158,14 @@ const TransactionTopup = () => {
                     <Input
                       id="topupAmount"
                       type="number"
+                      min={0}
                       value={form.topupAmount}
-                      onChange={(e) => setForm({ ...form, topupAmount: e.target.value })}
+                      onChange={(e) => {
+                        const value = Number(e.target.value);
+                        if (value >= 0) {
+                          setForm({ ...form, topupAmount: String(value) });
+                        }
+                      }}
                     />
                   </div>
                   <div>