Refactor payment/history.js

[luixxiul]

Test plan

#8038 (comment)

---

Describe the issue you encountered:
Refactor payment/history.js

The payment history should be styled like this based on #6047 (comment):

The original mockup provided by @bradleyrichter is available here: #6202

Currently:

• Any related issues: Split and refactor PaymentHistory #7381 Refactor paymentHistory #7423

[DivineOmega]

Would it make sense to right align the monetary values in the second column? This would ensure the decimal points line up and possibly make it easier to skim read the values.

[luixxiul]

I could try like this:

Yet it seems difficult to align the columns to the label (Total Amount), in terms of localization. I don't have a good idea for that

[bbondy]

btw for refactors please always mark as release-notes/exclude