fix: Community display image & cover image rendering fixes (#15047)

src/status_im2/common/scroll_page/style.cljs

@@ -58,7 +58,7 @@
   [animation]
   (reanimated/apply-animations-to-style
    {:transform [{:scale animation}]}
-   {:border-radius    40
+   {:border-radius    50
     :border-width     1
     :border-color     colors/white
     :position         :absolute

src/status_im2/common/scroll_page/view.cljs

@@ -146,8 +146,11 @@
           [rn/view {:style {:height 151}}
            [rn/image
             {:source cover-image
-             :style  {:overflow :visible
-                      :flex     1}}]])
+             ;; Using negative margin-bottom as a workaround because on Android,
+             ;; ScrollView clips its children despite setting overflow: 'visible'.
+             ;; Related issue: https://github.com/facebook/react-native/issues/31218
+             :style  {:margin-bottom -16
+                      :flex          1}}]])
         (when children
           [rn/view
            {:flex             1