UI in the upper section of the chat differs from the lower section (#19679)

src/status_im/contexts/chat/messenger/messages/list/style.cljs

@@ -20,16 +20,27 @@
     :right            0
     :height           (+ top-margin messages.constants/header-container-radius)}))
 
-(defn header-bottom-part
+(defn header-bottom-container
-  [bottom theme top-margin]
+  [bottom top-margin]
   (reanimated/apply-animations-to-style
    {:bottom bottom}
-   (merge
+   {:margin-top top-margin}))
-    (shadows/get 2 theme :inverted)
+
+(defn header-bottom-part
+  [theme]
   {:background-color   (colors/theme-colors colors/white colors/neutral-95 theme)
    :padding-horizontal 20
-     :border-radius      20
+   :border-radius      20})
-     :margin-top         top-margin})))
+
+(defn header-bottom-shadow
+  [theme]
+  (assoc
+   (shadows/get 2 theme :inverted)
+   :left          0
+   :right         0
+   :height        40
+   :position      :absolute
+   :border-radius 20))
 
 (defn header-image
   [scale top left theme]

src/status_im/contexts/chat/messenger/messages/list/view.cljs

@@ -260,7 +260,9 @@
     [:<>
      [reanimated/view
       {:style (style/background-container background-color background-opacity top-margin)}]
-     [reanimated/view {:style (style/header-bottom-part bottom theme top-margin)}
+     [reanimated/view {:style (style/header-bottom-container bottom top-margin)}
+      [rn/view {:style (style/header-bottom-shadow theme)}]
+      [rn/view {:style (style/header-bottom-part theme)}
        [list-footer-avatar
         {:distance-from-list-top distance-from-list-top
          :display-name           display-name
@@ -286,7 +288,7 @@
          :chat-id                chat-id
          :customization-color    customization-color
          :description            description
-        :last-message           last-message}]]]))
+         :last-message           last-message}]]]]))
 
 (defn list-footer
   [props]