fix: ensure form resets and button state reflects dirty status

app/home/[account]/billing/_components/health-benefit-form.tsx

@@ -43,6 +43,7 @@ const HealthBenefitForm = ({
       amount: currentCompanyParams.benefit_amount || 0,
     },
   });
+  const isDirty = form.formState.isDirty;
 
   const onSubmit = (data: { occurance: string; amount: number }) => {
     const promise = async () => {
@@ -55,6 +56,7 @@ const HealthBenefitForm = ({
           benefit_occurance: data.occurance,
         }));
       } finally {
+        form.reset(data);
         setIsLoading(false);
       }
     };
@@ -83,7 +85,11 @@ const HealthBenefitForm = ({
               <Trans i18nKey="billing:description" />
             </p>
           </div>
-          <Button type="submit" className="relative" disabled={isLoading}>
+          <Button
+            type="submit"
+            className="relative"
+            disabled={!isDirty || isLoading}
+          >
             {isLoading && (
               <div className="absolute inset-0 flex items-center justify-center">
                 <Spinner />