PAY WEB - refund UX feedback updates

[ochiu]

Additional UX updates reflected in figma discussion notes for Refund UI.

https://www.figma.com/design/YThbAGP8TFwFYTdlgnBczd/Refunds?node-id=2706-10299&t=Ic1UbDdcxaHX4Ugo-4

[ochiu]

Breaking out another ticket for additional updates for UX feedback

relates to #27006

[lizhuomeng71]

The Request By field currently displays the user’s IDIR ID.
For consistency and better usability, this should display the user’s First and Last Name, the same way it appears in the Transaction table → “Initiated By” field.

[lizhuomeng71]

Suggestion:
Consider removing the Reason for Refund field from the Request Table. When the content is long, it increases the row height and affects visual consistency across rows.

This information is already accessible on the Refund Request Detail page, where detailed context fits better. Including it in the table does not significantly help with finding or searching for refund requests to act on, and may reduce overall readability.

[lizhuomeng71]

In the Transaction Table, the Payment Method filter currently shows two entries labeled as Credit Card. One of these appears to represent Direct Pay.

This may cause confusion for users when filtering transactions. Consider updating the labels so each payment method is clearly and uniquely identified.

[lizhuomeng71]

Title
Transaction table: “Initiated Refund” dropdown is hidden when clicking View Details on highlighted rows

Description
After submitting multiple refunds, some rows in the Transactions table are rendered with a thicker border.
When clicking the Actions → View Details dropdown for these rows, the Initiated Refund dropdown panel is partially or fully hidden and not visible to the user.

This makes it impossible to view or interact with the refund-related actions.

Steps to Reproduce

Go to Transactions page.

Submit several refunds.

Observe that some transaction rows appear with a thicker border.

Click View Details (dropdown) on one of these highlighted rows.

Observe the refund-related dropdown (Initiated Refund).

Expected Result

The Initiated Refund dropdown should be fully visible and accessible.

Dropdown content should not be clipped, hidden, or overlapped by other UI elements.

Actual Result

The Initiated Refund dropdown is hidden or clipped when triggered from rows with a thicker border.

User cannot see or interact with the dropdown options.