fix(client): update 25 tier ab test (freeCodeCamp#62553)

Co-authored-by: Huyen Nguyen <[email protected]>

Author: ahmaxed

client/src/components/Donation/multi-tier-donation-form.tsx

@@ -83,7 +83,7 @@ function SelectionTabs({
         <Spacer size='xs' />
         <Tabs
           className={'donate-btn-group'}
-          defaultValue={donationAmount.toString()}
+          value={donationAmount.toString()}
           onValueChange={switchTab}
         >
           <TabsList className='nav-lists'>
@@ -182,6 +182,10 @@ const MultiTierDonationForm: React.FC<MultiTierDonationFormProps> = ({
 
   const [showDonateForm, setShowDonateForm] = useState(false);
 
+  useEffect(() => {
+    setDonationAmount(replace20With25 ? defaultTierAmountB : defaultTierAmount);
+  }, [replace20With25]);
+
   useEffect(() => {
     if (setShowHeaderAndFooter) setShowHeaderAndFooter(!showDonateForm);
   }, [showDonateForm, setShowHeaderAndFooter]);