Tweak haptics, add to post controls (#5977)

* change timing to 10ms, make ios only

* add haptics to post controls

* rm from like button

src/view/com/post-thread/PostThreadComposePrompt.tsx

···
 
 import {PressableScale} from '#/lib/custom-animations/PressableScale'
 import {useHaptics} from '#/lib/haptics'
+import {isIOS} from '#/platform/detection'
 import {useProfileQuery} from '#/state/queries/profile'
 import {useSession} from '#/state/session'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
-import {atoms as a, native, useBreakpoints, useTheme} from '#/alf'
+import {atoms as a, ios, useBreakpoints, useTheme} from '#/alf'
 import {useInteractionState} from '#/components/hooks/useInteractionState'
 import {Text} from '#/components/Typography'
 
···
         t.atoms.border_contrast_low,
         t.atoms.bg,
       ]}
-      onPressIn={() => playHaptic('Light')}
+      onPressIn={ios(() => playHaptic('Light'))}
       onPress={() => {
         onPressCompose()
-        setTimeout(() => playHaptic('Medium'), 200)
+        if (isIOS) {
+          setTimeout(() => playHaptic('Medium'), 10)
+        } else {
+          playHaptic('Light')
+        }
       }}
-      onLongPress={native(() => {
+      onLongPress={ios(() => {
         onPressCompose()
-        setTimeout(() => playHaptic('Heavy'), 200)
+        playHaptic('Heavy')
       })}
       onHoverIn={onHoverIn}
       onHoverOut={onHoverOut}>

src/view/com/util/fab/FABInner.tsx

···
 import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries'
 import {clamp} from '#/lib/numbers'
 import {gradients} from '#/lib/styles'
-import {isWeb} from '#/platform/detection'
-import {native} from '#/alf'
+import {isIOS, isWeb} from '#/platform/detection'
+import {ios} from '#/alf'
 
 export interface FABProps
   extends ComponentProps<typeof TouchableWithoutFeedback> {
···
       ]}>
       <PressableScale
         testID={testID}
-        onPressIn={() => playHaptic('Light')}
+        onPressIn={ios(() => playHaptic('Light'))}
         onPress={evt => {
           onPress?.(evt)
-          setTimeout(() => playHaptic('Medium'), 200)
+          if (isIOS) {
+            setTimeout(() => playHaptic('Medium'), 10)
+          } else {
+            playHaptic('Light')
+          }
         }}
-        onLongPress={native((evt: any) => {
+        onLongPress={ios((evt: any) => {
           onPress?.(evt)
-          setTimeout(() => playHaptic('Heavy'), 200)
+          playHaptic('Heavy')
         })}
         targetScale={0.9}
         {...props}>

src/view/com/util/post-ctrls/PostCtrls.tsx

···
           style={btnStyle}
           onPress={() => {
             if (!post.viewer?.replyDisabled) {
+              playHaptic('Light')
               requireAuth(() => onPressReply())
             }
           }}

src/view/com/util/post-ctrls/RepostButton.tsx

···
       <Button
         testID="repostBtn"
         onPress={() => {
+          playHaptic('Light')
           requireAuth(() => dialogControl.open())
         }}
         onLongPress={() => {
+          playHaptic('Heavy')
           requireAuth(() => onQuote())
         }}
         style={[