Use blurred background for all type `shell?` bottom sheets (#18400)

src/status_im/common/bottom_sheet/view.cljs

@@ -63,7 +63,7 @@
         item-height  (reagent/atom 0)]
     (fn [{:keys [hide? insets theme]}
          {:keys [content selected-item padding-bottom-override border-radius on-close shell?
-                 gradient-cover? customization-color hide-handle?]
+                 gradient-cover? customization-color hide-handle? blur-radius]
           :or   {border-radius 12}}]
       (let [{window-height :height}           (rn/get-window)
             bg-opacity                        (reanimated/use-shared-value 0)
@@ -106,7 +106,11 @@
                     {:transform [{:translateY translate-y}]}
                     (style/sheet insets window-height selected-item))}
            (when shell?
-             [blur/ios-view {:style style/shell-bg}])
+             [blur/ios-view
+              {:style         style/shell-bg
+               :blur-radius   (or blur-radius 20)
+               :blur-type     :transparent
+               :overlay-color :transparent}])
            (when selected-item
              [rn/view
               {:on-layout #(reset! item-height (.-nativeEvent.layout.height ^js %))

src/status_im/contexts/shell/activity_center/header/view.cljs

@@ -40,9 +40,10 @@
       :size                32
       :accessibility-label :activity-center-open-more
       :on-press            #(rf/dispatch [:show-bottom-sheet
-                                          {:content drawer/options
-                                           :theme   :dark
-                                           :shell?  true}])}
+                                          {:content     drawer/options
+                                           :theme       :dark
+                                           :shell?      true
+                                           :blur-radius 20}])}
      :i/options]]
    [quo/text
     {:size   :heading-1