put videos above quotes and animate

src/view/com/composer/Composer.tsx

@@ -731,21 +731,10 @@ export const ComposePost = observer(function ComposePost({
             </View>
           )}
 
-          <View style={[a.mt_md]}>
-            {quote ? (
-              <View style={[s.mt5, s.mb2, isWeb && s.mb10]}>
-                <View style={{pointerEvents: 'none'}}>
-                  <QuoteEmbed quote={quote} />
-                </View>
-                {quote.uri !== initQuote?.uri && (
-                  <QuoteX onRemove={() => setQuote(undefined)} />
-                )}
-              </View>
-            ) : null}
           <LayoutAnimationConfig skipExiting>
             {(videoUploadState.asset || videoUploadState.video) && (
               <Animated.View
-                  style={[a.w_full, a.mt_xs]}
+                style={[a.w_full, a.mt_md]}
                 entering={native(ZoomIn)}
                 exiting={native(ZoomOut)}>
                 {videoUploadState.asset &&
@@ -772,7 +761,19 @@ export const ComposePost = observer(function ComposePost({
               </Animated.View>
             )}
           </LayoutAnimationConfig>
+
+          <Animated.View style={a.mt_md} layout={native(LinearTransition)}>
+            {quote ? (
+              <View style={[s.mt5, s.mb2, isWeb && s.mb10]}>
+                <View style={{pointerEvents: 'none'}}>
+                  <QuoteEmbed quote={quote} />
                 </View>
+                {quote.uri !== initQuote?.uri && (
+                  <QuoteX onRemove={() => setQuote(undefined)} />
+                )}
+              </View>
+            ) : null}
+          </Animated.View>
         </Animated.ScrollView>
         <SuggestedLanguage text={richtext.text} />