remove arrow functions from props

ui/rewards/RewardsButton.tsx

 import type { ButtonProps } from '@chakra-ui/react';
 import { Button, chakra, Tooltip } from '@chakra-ui/react';
-import React from 'react';
+import React, { useCallback } from 'react';
 
 import { route } from 'nextjs-routes';
 
@@ -18,6 +18,11 @@ const RewardsButton = ({ variant = 'header', size }: Props) => {
   const { isInitialized, apiToken, openLoginModal, dailyRewardQuery, balancesQuery } = useRewardsContext();
   const isMobile = useIsMobile();
   const isLoading = !isInitialized || dailyRewardQuery.isLoading || balancesQuery.isLoading;
+
+  const handleFocus = useCallback((e: React.FocusEvent<HTMLButtonElement>) => {
+    e.preventDefault();
+  }, []);
+
   return (
     <Tooltip
       label="Earn merits for using Blockscout"
@@ -34,7 +39,7 @@ const RewardsButton = ({ variant = 'header', size }: Props) => {
         as={ apiToken ? LinkInternal : 'button' }
         { ...(apiToken ? { href: route({ pathname: '/account/rewards' }) } : {}) }
         onClick={ apiToken ? undefined : openLoginModal }
-        onFocus={ e => e.preventDefault() } // eslint-disable-line
+        onFocus={ handleFocus }
         fontSize="sm"
         size={ size }
         px={ !isLoading && Boolean(apiToken) ? 2.5 : 4 }

ui/snippets/user/profile/UserProfileButton.tsx

 import type { ButtonProps } from '@chakra-ui/react';
 import { Button, Tooltip, Box, HStack } from '@chakra-ui/react';
 import type { UseQueryResult } from '@tanstack/react-query';
-import React from 'react';
+import React, { useCallback, useState } from 'react';
 
 import type { UserInfo } from 'types/api/account';
 
@@ -23,7 +23,7 @@ interface Props {
 }
 
 const UserProfileButton = ({ profileQuery, size, variant, onClick, isPending }: Props, ref: React.ForwardedRef<HTMLButtonElement>) => {
-  const [ isFetched, setIsFetched ] = React.useState(false);
+  const [ isFetched, setIsFetched ] = useState(false);
   const isMobile = useIsMobile();
 
   const { data, isLoading } = profileQuery;
@@ -36,6 +36,10 @@ const UserProfileButton = ({ profileQuery, size, variant, onClick, isPending }:
     }
   }, [ isLoading ]);
 
+  const handleFocus = useCallback((e: React.FocusEvent<HTMLButtonElement>) => {
+    e.preventDefault();
+  }, []);
+
   const content = (() => {
     if (web3AccountWithDomain.address) {
       return (
@@ -76,7 +80,7 @@ const UserProfileButton = ({ profileQuery, size, variant, onClick, isPending }:
         size={ size }
         variant={ variant }
         onClick={ onClick }
-        onFocus={ e => e.preventDefault() } // eslint-disable-line
+        onFocus={ handleFocus }
         data-selected={ dataExists }
         data-warning={ isAutoConnectDisabled }
         fontSize="sm"