Bugfix FXIOS-8985 ⁃ Weird display of "Customize Homepage" button afte…

…r changing the wallpaper (#19950)

* FXIOS-8985 #19833 ⁃ Weird display of "Customize Homepage" button after changing the wallpaper

* FXIOS-8985 #19833 ⁃ Weird display of "Customize Homepage" button after changing the wallpaper

Added corner radius only for the UIVisualEffectView subview, of the Customize Homepage button.

* FXIOS-8985 #19833 ⁃ Weird display of "Customize Homepage" button after changing the wallpaper

* FXIOS-8985 #19833 ⁃ Weird display of "Customize Homepage" button after changing the wallpaper

Added few comments on the change

* Apply suggestions from code review

* Apply suggestions from code review

---------

Co-authored-by: Nishant Bhasin <nish.bhasin@gmail.com>

BrowserKit/Sources/ComponentLibrary/Buttons/SecondaryRoundedButton.swift

@@ -70,6 +70,7 @@ public class SecondaryRoundedButton: ResizableButton, ThemeApplicable {
         updatedConfiguration.background.backgroundColorTransformer = nil
         updatedConfiguration.background.cornerRadius = UX.buttonCornerRadius
         updatedConfiguration.cornerStyle = .fixed
+        addCornerRadiusForVisualEffectView(radiusSize: UX.buttonCornerRadius)
 
         accessibilityIdentifier = viewModel.a11yIdentifier
 
@@ -97,6 +98,14 @@ public class SecondaryRoundedButton: ResizableButton, ThemeApplicable {
         setNeedsUpdateConfiguration()
     }
 
+    func addCornerRadiusForVisualEffectView(radiusSize: CGFloat) {
+        // Note: changing the corner radius for the subview, in this case UIVisualEffectView
+        // is required for certain cases where UIVisualEffectView doesn't update with super view radius change
+        for subview in self.subviews where subview is UIVisualEffectView {
+            subview.layer.cornerRadius = radiusSize
+        }
+    }
+
     // MARK: ThemeApplicable
 
     public func applyTheme(theme: Theme) {