Revise the payment details to include the balance

Describe your bug or feature request.

I noticed today that it didn’t make sense to have the order balance tucked over on the sidebar with order timestamps. With a slight revision to the payment details in the billing information card, we can condense the information there and include the balance like so:

Aside from the balance moving in here, there are two other key changes.

We’re clearly signaling this is only showing the most recent payment.

The payment state in parentheses uses the dotted underline to signal a tooltip is visible on hover that shows the changed timestamp of the last payment.

One thought is that it does take a while for tooltips to appear. I’m wondering if Ivan Buisic or anyone else knows of a library that could regard these like links that when clicked would cause the tooltip to appear. Maybe there’s no way to force that via JS without a third-party tooltip library. If not, no worries - the goal would be to maintain the browser tooltip, and I’m going to open another ticket to add a link here to the payments tab for people who are too impatient to wait on the tooltip to use instead.