[#18963] fix: address reviewer feedbacks

Author: mohsen-ghafouri

src/status_im/contexts/profile/contact/view.cljs

@@ -1,6 +1,7 @@
 (ns status-im.contexts.profile.contact.view
   (:require [quo.foundations.colors :as colors]
             [quo.theme]
+            [react-native.core :as rn]
             [react-native.reanimated :as reanimated]
             [status-im.common.scroll-page.view :as scroll-page]
             [status-im.contexts.profile.contact.actions.view :as actions]
@@ -11,7 +12,11 @@
   []
   (let [{:keys [customization-color]} (rf/sub [:contacts/current-contact])
         scroll-y                      (reanimated/use-shared-value 0)
-        theme                         (quo.theme/use-theme-value)]
+        theme                         (quo.theme/use-theme-value)
+        on-action-press               (rn/use-callback (fn []
+                                                         (rf/dispatch [:show-bottom-sheet
+                                                                       {:content (fn []
+                                                                                   [actions/view])}])))]
     [scroll-page/scroll-page
      {:navigate-back?   true
       :height           148
@@ -20,8 +25,5 @@
       :cover-color      (or customization-color colors/primary-50)
       :background-color (colors/theme-colors colors/white colors/neutral-95 theme)
       :page-nav-props   {:right-side [{:icon-name :i/options
-                                       :on-press  (fn []
-                                                    (rf/dispatch [:show-bottom-sheet
-                                                                  {:content (fn []
-                                                                              [actions/view])}]))}]}}
+                                       :on-press  on-action-press}]}}
      [contact-header/view {:scroll-y scroll-y}]]))