Add specific aria-label for different actions on the Orders table

[Manussakis]

Prerequisites

• [X] I have carried out troubleshooting steps and I believe I have found a bug.
• [X] I have searched for similar bugs in both open and closed issues and cannot find a duplicate.

Describe the bug

All three buttons on the Orders table (Pay, View, and Cancel) have the same aria-label attribute, so users can't tell apart the action each one executes.

This issue was introduced once the https://github.com/woocommerce/woocommerce/pull/49424 PR was merged.

Expected behavior

The Pay button with the aria-label "Pay order number {...}" The View button with the aria-label "View order number {...}" The Cancel button with the aria-label "Cancel order number {...}"

Actual behavior

Pay, View, and Cancel buttons have the "View order number {...}" aria-label.

Steps to reproduce

1. Create an order with the "Pending payment" status.
2. On the frontend, go to My Account -> Orders.
3. Turn on the screen reader and land the focus on each one of the Pay, View, and Cancel buttons.
4. Verify the screen reader announces the same message for all of them: "View order number {...}"

WordPress Environment

WC version 9.3.1 WP version 6.6.2 Theme Twenty Twenty-Four version 1.2

Isolating the problem

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

[christopher-bio]

Thank you very much @Manussakis ! :)