fix: race condition in the baby staking fee (#1430)

* fix: race condition in the baby staking fee

Author: jrwbabylonlab

src/ui/baby/components/PreviewModal/index.tsx

@@ -5,6 +5,7 @@ import {
   DialogHeader,
   Heading,
   Text,
+  useWatch,
 } from "@babylonlabs-io/core-ui";
 
 import babylon from "@/infrastructure/babylon";
@@ -40,8 +41,12 @@ export const PreviewModal = ({
   onSubmit,
   data,
 }: PreviewModalProps) => {
+  const currentFeeAmount = useWatch({ name: "feeAmount" });
+
   if (!data) return null;
-  const { amount, feeAmount, validator } = data;
+  const { amount, validator } = data;
+  const feeAmount = currentFeeAmount ?? data.feeAmount;
+
   const babyAmount = babylon.utils.ubbnToBaby(BigInt(amount));
   const babyFeeAmount = babylon.utils.ubbnToBaby(BigInt(feeAmount));