Add iOS hack to fix cropper failing to show (#7191)

* Add iOS hack to fix cropper failing to show

* Make it 800

src/screens/Onboarding/StepProfile/index.tsx

···
 import {getDataUriSize} from '#/lib/media/util'
 import {useRequestNotificationsPermission} from '#/lib/notifications/notifications'
 import {logEvent, useGate} from '#/lib/statsig/statsig'
-import {isNative, isWeb} from '#/platform/detection'
+import {isIOS, isNative, isWeb} from '#/platform/detection'
 import {
   DescriptionText,
   OnboardingControls,
···
     if (!image) return
 
     if (!isWeb) {
+      if (isIOS) {
+        // https://github.com/ivpusic/react-native-image-crop-picker/issues/1631
+        await new Promise(resolve => setTimeout(resolve, 800))
+      }
       image = await openCropper({
         mediaType: 'photo',
         cropperCircleOverlay: true,

src/view/com/util/UserAvatar.tsx

···
 import {makeProfileLink} from '#/lib/routes/links'
 import {colors} from '#/lib/styles'
 import {logger} from '#/logger'
-import {isAndroid, isNative, isWeb} from '#/platform/detection'
+import {isAndroid, isIOS, isNative, isWeb} from '#/platform/detection'
 import {precacheProfile} from '#/state/queries/profile'
 import {HighPriorityImage} from '#/view/com/util/images/Image'
 import {tokens, useTheme} from '#/alf'
···
     }
 
     try {
+      if (isIOS) {
+        // https://github.com/ivpusic/react-native-image-crop-picker/issues/1631
+        await new Promise(resolve => setTimeout(resolve, 800))
+      }
       const croppedImage = await openCropper({
         mediaType: 'photo',
         cropperCircleOverlay: true,

src/view/com/util/UserBanner.tsx

···
 import {colors} from '#/lib/styles'
 import {useTheme} from '#/lib/ThemeContext'
 import {logger} from '#/logger'
-import {isAndroid, isNative} from '#/platform/detection'
+import {isAndroid, isIOS, isNative} from '#/platform/detection'
 import {EventStopper} from '#/view/com/util/EventStopper'
 import {tokens, useTheme as useAlfTheme} from '#/alf'
 import {useSheetWrapper} from '#/components/Dialog/sheet-wrapper'
···
     }
 
     try {
+      if (isIOS) {
+        // https://github.com/ivpusic/react-native-image-crop-picker/issues/1631
+        await new Promise(resolve => setTimeout(resolve, 800))
+      }
       onSelectNewBanner?.(
         await openCropper({
           mediaType: 'photo',