Fix the channel-action when the text is too long (#19462)

* fix: don't increase action with text

* addressed review comments

src/quo/components/community/channel_action/style.cljs

@@ -6,7 +6,7 @@
   [{:keys [big? disabled?]}]
   (cond-> {}
     disabled?  (assoc :opacity 0.3)
-    big?       (assoc :flex-grow 1)
+    big?       (assoc :flex 1)
     (not big?) (assoc :width 104)))
 
 (defn channel-action

src/quo/components/community/channel_action/view.cljs

@@ -14,9 +14,10 @@
         on-press-in            (rn/use-callback #(set-pressed true))
         on-press-out           (rn/use-callback #(set-pressed false))]
     [rn/view
-     {:style (style/channel-action-container
+     {:accessibility-label :channel-action
-              {:big?      big?
+      :style               (style/channel-action-container
-               :disabled? disabled?})}
+                            {:big?      big?
+                             :disabled? disabled?})}
      [rn/pressable
       (cond-> {:style               (style/channel-action
                                      {:big?      big?

src/status_im/contexts/preview/quo/community/channel_actions.cljs

@@ -34,6 +34,17 @@
        :customization-color :blue
        :icon                :i/muted}]}]
    [rn/view {:height 50}]
+   [quo/channel-actions
+    {:actions
+     [{:big? true
+       :label "Pinned Messages sometimes can get very long and we have to take care of that"
+       :customization-color :blue
+       :icon :i/pin
+       :counter-value 5}
+      {:label               "Mute chat"
+       :customization-color :blue
+       :icon                :i/muted}]}]
+   [rn/view {:height 50}]
    [quo/channel-actions
     {:actions [{:label               "Pinned Messages"
                 :customization-color :blue