User set Date and Time formatting aren't respected in react components

[brucealdridge]

Describe the bug

Date and time formats are user settable in WordPress. WCPay components do not use these settings instead opting to hardcode formats.

To Reproduce

1. Go to 'Settings' > 'General'
2. Change a date time format that is not the default.
3. Visit a page with react components such as Transactions
4. See dates and time format is not used.

NB: This also applies to Deposits, Disputes, Loans, and more.

Actual behavior

Date and time formats are hardcoded inside react components across WCPay. User settings are not respected.

Screenshots

Expected behavior

User set date/time formats should be used wherever possible

Sample Snippets:

woocommerce-payments/client/disputes/index.tsx

Lines 204 to 207 in 23b58e9

	dateI18n(
	'M j, Y',
	moment( dispute.created ).toISOString()
	)

woocommerce-payments/client/disputes/index.tsx

Lines 213 to 216 in 23b58e9

	dateI18n(
	'M j, Y / g:iA',
	moment.utc( dispute.due_by ).local().toISOString()
	)

[rossviviano]

7293502-zen

[brucealdridge]

@mgascam, I'm not sure you meant to close this issue with #9640. It looks like that PR just alters some tests, whereas I believe this issue will require code changes in addition to test changes.

[mgascam]

Thanks @brucealdridge, you are right, this was closed by mistake. Reopening.

[mgascam]

We’re pausing work on this issue until the design proposal discussed in this thread is available for review.