fix: Use UTC timezone for invoice issue dates (#5204)

Author: iamareebjamal

app/components/ui-table/cell/cell-date.hbs

@@ -0,0 +1 @@
+{{general-date @record @props.options.timezone @props.options.dateFormat}}

app/controllers/account/billing/invoices/list.js

@@ -18,7 +18,12 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
       {
         name       : 'Date',
         valuePath  : 'issuedAt',
-        isSortable : true
+        isSortable : true,
+        cellComponent : 'ui-table/cell/cell-date',
+        options: {
+          timezone: 'UTC',
+          dateFormat: 'MMMM DD, YYYY'
+        }
       },
       {
         name            : 'Amount',

app/routes/event-invoice/review.js

@@ -5,11 +5,13 @@ export default class extends Route {
     return this.l10n.tVar(`Review Event Invoice - ${model.get('identifier')}`);
   }
 
-  model(params) {
-    return this.store.findRecord('event-invoice', params.invoice_identifier, {
+  async model(params) {
+    const model = await this.store.findRecord('event-invoice', params.invoice_identifier, {
       include : 'event,user',
       reload  : true
     });
+    await model.reload();
+    return model;
   }
 
   afterModel(model) {

app/templates/event-invoice/review.hbs

@@ -15,7 +15,7 @@
                 <strong>{{t 'Event Name'}}:</strong> {{this.model.event.name}}
               </div>
               <div class="item">
-                <strong>{{t 'Date Issued'}}:</strong> {{moment-format this.model.issuedAt 'MM/DD/YYYY'}} 
+                <strong>{{t 'Date Issued'}}:</strong> {{general-date this.model.issuedAt 'UTC' 'MMMM DD, YYYY'}} 
               </div>
               <div class="item">
                 <strong>{{t 'Total Invoice Amount'}}:</strong> {{currency-symbol this.model.event.paymentCurrency}} {{format-money this.model.amount}}