Upgrade Now button is only clickable when tapping on the text/string (entire button should be clickable)

[kjozwiak]

Description:

Currently only clicking on the Upgrade Now text registers/initiates a click event via the Leo Premium paywall. If you click anywhere else on the button that's not the text, nothing happens. Users might think that the button is broken if they don't click on the text which could lead to users not purchasing/moving forward.

Steps to Reproduce

1. install 1.63.173 Chromium: 122.0.6261.111 via TF
2. go into Hamburger Menu -> Settings -> Leo -> Go Premium
3. attempt to click anywhere on the button that's not the text/string (nothing happens)

Actual result:

Expected result:

Users should be able to tap anywhere within the Upgrade Now button to initiate a click.

Reproduces how often: [Easily reproduced, Intermittent Issue]

100% reproducible when using the STR/Cases outlined above.

Brave Version:

• Can you reproduce this issue with the most recent build from TestFlight? Yes
• Can you reproduce this issue with the previous version of the current build from TestFlight? Yes
• Can you reproduce this issue with the current build from AppStore? N/A (1.63.x hasn't been released with Leo)

Device details:

1.63.173 Chromium: 122.0.6261.111 (Official Build) unknown (64-bit) 
--- | ---
Revision | 77ac6bd3b328...
OS | iOS 17.4 via `iPhone 11`

Website problems only:

• Does the issue resolve itself when disabling Brave Shields? N/A
• Is the issue reproducible on the latest version of Mobile Safari? N/A

Additional Information

[kjozwiak]

The above requires 1.63.177 or higher for 1.63.x verification 👍

[kjozwiak]

Verification PASSED on iPhone 11 running iOS 17.4 using the following build(s):

1.63.177 Chromium: 122.0.6261.128 (Official Build) unknown (64-bit)
--- | ---
Revision | f43e1b1dc6dc...
OS | iOS

Using the STR/Cases outlined via #36787 (comment), ensured that the entire Upgrade button worked under Leo Premium model as per the following:

RPReplay_Final1710522883.MP4