Fix useEffect effenceincy,

src/components/buttons/Custom.tsx

@@ -14,9 +14,7 @@ const CustomButton = ({ text, link, type }: CustomButtonProps): JSX.Element => {
   return (
     <MotionBox whileHover={{ scale: 1.1 }} whileTap={{ scale: 0.9 }}>
       <Link href={link} target="_blank" rel="noopener">
-        <Button variant={type}>
-          {text}
-        </Button>
+        <Button variant={type}>{text}</Button>
       </Link>
     </MotionBox>
   );

src/components/buttons/Patreon.tsx

@@ -13,10 +13,7 @@ const Patreon = (): JSX.Element => {
         target="_blank"
         rel="noopener"
       >
-        <Button
-          variant="patreon"
-          leftIcon={<Icon icon="ri:patreon-fill" />}
-        >
+        <Button variant="patreon" leftIcon={<Icon icon="ri:patreon-fill" />}>
           {"Fund The App"}
         </Button>
       </Link>