[Payments] - Tapping on cancel after "Connect to reader" does not cancel action

[jostnes]

Describe the bug When a user taps on Cancel after connecting to reader, the action is not canceled and the reader will be connected after a few seconds.

To Reproduce Steps to reproduce the behavior:

1. Go to Manage Card Reader
2. Tap on Connect card reader
3. When reader is found, tap on Connect to reader and quickly tap cancel while it's connecting
4. Wait few seconds on the screen
5. See that after a few seconds screen is updated showing the "Connected reader" screen

Screenshots

https://user-images.githubusercontent.com/17252150/183858993-654fc7c5-b549-4cd3-82db-ed0b946768ef.mp4

Expected behavior When cancel is clicked, it shouldn't continue to connect to the reader

Isolating the problem (mark completed items with an [x]):

• [ ] I have deactivated other plugins and confirmed this bug occurs when only WooCommerce plugin is active.
• [ ] This bug happens with a default WordPress theme active, or Storefront.
• [x] I can reproduce this bug consistently using the steps above.

Mobile Environment Please include:

• Device: OPPO Reno6 Z 5G
• Android version: 12
• WooCommerce Android version: 9.8-rc-1

WordPress Environment

``` Copy and paste the system status report from **WooCommerce > System Status** in WordPress admin. ```