fix: carousel image height on narrow devices

Fixes #10427

Narrow devices were causing text in the intro carousel to grow to two lines on *the first* slide but not others, causing the height to be recalculated incorrectly on the last slide (that only had one line of text).

Create a vector of atoms that can individually track the heights required for each slide independently.

- Intro screen

status: ready

src/status_im/ui/screens/intro/views.cljs

@@ -66,7 +66,8 @@
                   size (min @width @height) #_(- (min @width @height) #_(* 2 margin))]
               [react/view {:style {:flex 1}
                            :on-layout (fn [e]
-                                        (reset! height (-> e .-nativeEvent .-layout .-height)))}
+                                        (let [new-height (-> e .-nativeEvent .-layout .-height)]
+                                          (swap! height #(if (pos? %) (min % new-height) new-height))))}
                [react/image {:source (:image s)
                              :resize-mode :contain
                              :style {:width size