added animation for subscribe button

Author: mayur-driod

src/components/Donation.tsx

@@ -161,8 +161,8 @@ const Donation: React.FC = () => {
               <motion.button
                 className="px-6 py-2 bg-red-500 text-white font-bold rounded-r-full shadow-lg hover:bg-red-600 transition duration-300"
                 variants={buttonAnimation}
-                whileTap={'tap'}
-                whileHover={'hover'}
+                whileHover="whileHover"
+                whileTap="whileTap"
                 type="submit"
               >
                 SUBSCRIBE

src/styles/Animations.ts

@@ -1015,12 +1015,12 @@ export const featureSectionAnimations = {
 };
 
 export const buttonAnimation: Variants = {
-  hover: {
+  whileHover: {
     scale: 1.05,
-    transition: { type: 'spring', stiffness: 400, damping: 10 },
+    transition: { type: "spring", stiffness: 400, damping: 10 },
   },
-  tap: {
+  whileTap: {
     scale: 0.95,
-    transition: { type: 'spring', stiffness: 400, damping: 10 },
+    transition: { type: "spring", stiffness: 400, damping: 10 },
   },
 };