Popover menu on reporting tables is misaligned

[Jinksi]

Describe the bug

The popover menu present on WooPayments reporting/list view tables is misaligned, resulting in the content of the menu being rendered partially outside the viewport. This impacts the Payouts, Transactions and Disputes list view tables.

This is related to the upstream issue with @woocommerce/components TableCard that has been fixed in woocommerce/woocommerce#53066. Once this chance has been published in a new @woocommerce/components release, this issue should be resolved by npm installing the new version.

To Reproduce

1. Payments → Payouts (or Transactions, Disputes)
2. Click on the three-vertical-dot menu in the top right
3. Notice the menu is misaligned and partially cut-off, outside the viewport

Screenshots

payouts.mov

transactions.mov

disputes.mov

Expected behavior

Desktop (please complete the following information):

• OS: macOS 15.1.1
• Browser: Arc 1.70.0

Additional context

Observed in #9763.
Related upstream WC PR woocommerce/woocommerce#53066.