refactor(avatar): simplify hitSlop using number type

Co-Authored-By: nitzany@wix.com <nitzany@wix.com>

Author: devin-ai-integration[bot]

src/components/avatar/index.tsx

@@ -188,16 +188,7 @@ const Avatar = forwardRef<any, AvatarProps>((props: AvatarProps, ref: React.Forw
     children
   } = themeProps;
 
-  const accessibleHitSlop = useMemo(() => {
-    const hitTargetPadding = Math.max(0, (48 - size) / 2);
-    return {
-      top: hitTargetPadding,
-      bottom: hitTargetPadding,
-      left: hitTargetPadding,
-      right: hitTargetPadding
-    };
-  }, [size]);
-
+  const hitTargetPadding = Math.max(0, (48 - size) / 2);
   const {size: _badgeSize, borderWidth: badgeBorderWidth = 0} = badgeProps;
   const badgeSize = _badgeSize || DEFAULT_BADGE_SIZE;
 
@@ -357,7 +348,7 @@ const Avatar = forwardRef<any, AvatarProps>((props: AvatarProps, ref: React.Forw
       accessible={!_.isUndefined(onPress)}
       accessibilityLabel={'Avatar'}
       accessibilityRole={onPress ? 'button' : 'image'}
-      hitSlop={onPress ? accessibleHitSlop : undefined}
+      hitSlop={onPress ? hitTargetPadding : undefined}
       {...accessibilityProps}
     >
       <View testID={`${testID}.container`} style={textContainerStyle}>