Add fade in transition of react-native-fast-image

Based on https://github.com/DylanVann/react-native-fast-image/pull/958

src/components/Emojis/List.tsx

@@ -130,6 +130,8 @@ const EmojisList = () => {
               style={{ padding: StyleConstants.Spacing.S }}
             >
               <FastImage
+                enterTransition='fadeIn'
+                transitionDuration={100}
                 accessibilityLabel={t('common:customEmoji.accessibilityLabel', {
                   emoji: emoji.shortcode
                 })}

src/components/GracefullyImage.tsx

@@ -94,11 +94,15 @@ const GracefullyImage = ({
       {uri.preview && !imageLoaded ? (
         <FastImage
           source={connectMedia({ uri: uri.preview })}
+          enterTransition='fadeIn'
+          transitionDuration={100}
           style={[styles.placeholder, { backgroundColor: colors.shimmerDefault }]}
         />
       ) : null}
       <FastImage
         source={connectMedia(source)}
+        enterTransition='fadeIn'
+        transitionDuration={100}
         style={[{ flex: 1 }, imageStyle]}
         onLoad={() => {
           setImageLoaded(true)

src/screens/Compose/Root/Footer/Attachments.tsx

@@ -105,6 +105,8 @@ const ComposeAttachments: React.FC<Props> = ({ accessibleRefAttachments }) => {
         }}
       >
         <FastImage
+          enterTransition='fadeIn'
+          transitionDuration={100}
           style={{ width: '100%', height: '100%' }}
           source={
             item.local?.thumbnail