Fix overlapping touch targets for profile header buttons (bluesky-social#10868)

Author: vineyardbovines

src/screens/Profile/Header/ProfileHeaderStandard.tsx

@@ -360,6 +360,10 @@ export function HeaderStandardButtons({
               size="small"
               color="secondary"
               shape="round"
+              // expand the 33pt button toward a 44pt touch target, capped
+              // horizontally at half the 4pt row gap so the target cannot
+              // overlap the neighboring buttons' own targets
+              hitSlop={{top: 6, bottom: 6, left: 2, right: 2}}
               onPress={() => {
                 playHaptic('Light')
                 ax.metric('invite:dialog:open', {logContext: 'ProfileHeader'})

src/view/com/profile/ProfileMenu.tsx

@@ -4,7 +4,6 @@ import {Trans, useLingui} from '@lingui/react/macro'
 import {useNavigation} from '@react-navigation/native'
 import {useQueryClient} from '@tanstack/react-query'
 
-import {HITSLOP_20} from '#/lib/constants'
 import {makeProfileLink} from '#/lib/routes/links'
 import {type NavigationProp} from '#/lib/routes/types'
 import {shareText, shareUrl} from '#/lib/sharing'
@@ -264,7 +263,10 @@ let ProfileMenu = ({
                   {...props}
                   testID="profileHeaderDropdownBtn"
                   label={l`More options`}
-                  hitSlop={HITSLOP_20}
+                  // hitSlop reaches outside parent views on iOS, so the
+                  // left inset must stay within half of the 4pt row gap or
+                  // it steals taps from the adjacent header button
+                  hitSlop={{top: 6, bottom: 6, left: 2, right: 12}}
                   variant="solid"
                   color="secondary"
                   size="small"