Add fade-in animation to chat footer/composer (#10786)

src/screens/Messages/components/MessagesList.tsx

@@ -13,6 +13,7 @@ import {
   KeyboardGestureArea,
 } from 'react-native-keyboard-controller'
 import Animated, {
+  FadeIn,
   runOnJS,
   type ScrollEvent,
   type SharedValue,
@@ -615,6 +616,7 @@ export function MessagesList({
               opened: 0,
             }}>
             {footer ?? (
+              <Animated.View entering={FadeIn.duration(200)}>
                 <ConversationFooter
                   convoState={convoState}
                   hasAcceptOverride={hasAcceptOverride}>
@@ -650,6 +652,7 @@ export function MessagesList({
                     )
                   }
                 </ConversationFooter>
+              </Animated.View>
             )}
           </KeyboardStickyView>
         </KeyboardGestureArea>