refactor: extract duplicated footer inner

Author: onghwan

packages/core-mobile/app/new/common/components/ScrollScreen.tsx

@@ -221,41 +221,33 @@ export const ScrollScreen = ({
     if (renderFooter) {
       const footer = renderFooter()
       if (footer) {
+        const footerInner = (
+          <View onLayout={onFooterLayout}>
+            <LinearGradientBottomWrapper>
+              <Animated.View
+                style={{
+                  paddingHorizontal: 16,
+                  paddingBottom: insets.bottom + 16
+                }}>
+                {footer}
+              </Animated.View>
+            </LinearGradientBottomWrapper>
+          </View>
+        )
+
         if (shouldAvoidKeyboard) {
           return (
             <KeyboardStickyView
               enabled={!disableStickyFooter}
               offset={{
                 opened: insets.bottom
               }}>
-              <View onLayout={onFooterLayout}>
-                <LinearGradientBottomWrapper>
-                  <Animated.View
-                    style={{
-                      paddingHorizontal: 16,
-                      paddingBottom: insets.bottom + 16
-                    }}>
-                    {footer}
-                  </Animated.View>
-                </LinearGradientBottomWrapper>
-              </View>
+              {footerInner}
             </KeyboardStickyView>
           )
-        } else {
-          return (
-            <View onLayout={onFooterLayout}>
-              <LinearGradientBottomWrapper>
-                <Animated.View
-                  style={{
-                    paddingHorizontal: 16,
-                    paddingBottom: insets.bottom + 16
-                  }}>
-                  {footer}
-                </Animated.View>
-              </LinearGradientBottomWrapper>
-            </View>
-          )
         }
+
+        return footerInner
       }
     }