Update and stick to using moment-timezone to fix DST (#8853)

* Update moment-timezone to the latest

* Stick to using moment-timezone to fix DST (#8690)

---------

Co-authored-by: cweitat <[email protected]>

Author: Leslie-Wong-H

app/components/event-card.js

@@ -3,7 +3,7 @@ import { classNames } from '@ember-decorators/component';
 import { action, computed } from '@ember/object';
 import Component from '@ember/component';
 import { forOwn } from 'lodash-es';
-import moment from 'moment';
+import moment from 'moment-timezone';
 import { pascalCase } from 'open-event-frontend/utils/string';
 
 @classic

app/components/explore/side-bar.js

@@ -1,7 +1,7 @@
 import { tracked } from '@glimmer/tracking';
 import classic from 'ember-classic-decorator';
 import Component from '@ember/component';
-import moment from 'moment';
+import moment from 'moment-timezone';
 import { computed, action } from '@ember/object';
 import { not } from '@ember/object/computed';
 import { getDateRanges } from 'open-event-frontend/utils/dictionary/filters';

app/components/forms/form.ts

@@ -1,7 +1,7 @@
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import $ from 'jquery';
-import moment from 'moment';
+import moment from 'moment-timezone';
 import { debounce } from '@ember/runloop';
 import { FORM_DATE_FORMAT } from 'open-event-frontend/utils/dictionary/date-time';
 import { merge } from 'lodash-es';

app/components/forms/group/group-view.js

@@ -2,7 +2,7 @@ import Component from '@ember/component';
 import { computed, action } from '@ember/object';
 import classic from 'ember-classic-decorator';
 import FormMixin from 'open-event-frontend/mixins/form';
-import moment from 'moment';
+import moment from 'moment-timezone';
 import { sortBy } from 'lodash-es';
 import { inject as service } from '@ember/service';
 

app/components/forms/orders/order-form.js

@@ -4,7 +4,7 @@ import { readOnly, oneWay } from '@ember/object/computed';
 import { run } from '@ember/runloop';
 import { inject as service } from '@ember/service';
 import FormMixin from 'open-event-frontend/mixins/form';
-import moment from 'moment';
+import moment from 'moment-timezone';
 import { groupBy, orderBy } from 'lodash-es';
 import {
   compulsoryProtocolValidUrlPattern, validTwitterProfileUrlPattern, validFacebookProfileUrlPattern,

app/components/forms/wizard/basic-details-step.js

@@ -1,7 +1,7 @@
 import Component from '@ember/component';
 import { later } from '@ember/runloop';
 import { observer, computed } from '@ember/object';
-import moment from 'moment';
+import moment from 'moment-timezone';
 import { orderBy, filter, find, difference } from 'lodash-es';
 import { timezones } from 'open-event-frontend/utils/dictionary/date-time';
 import { paymentCountries, paymentCurrencies } from 'open-event-frontend/utils/dictionary/payment';

app/components/forms/wizard/other-details-step.js

@@ -1,6 +1,6 @@
 import Component from '@ember/component';
 import { computed } from '@ember/object';
-import moment from 'moment';
+import moment from 'moment-timezone';
 import { orderBy, find } from 'lodash-es';
 import { licenses } from 'open-event-frontend/utils/dictionary/licenses';
 import { timezones } from 'open-event-frontend/utils/dictionary/date-time';

app/components/forms/wizard/sessions-speakers-step.js

@@ -5,7 +5,7 @@ import EventWizardMixin from 'open-event-frontend/mixins/event-wizard';
 import { groupBy, sortBy } from 'lodash-es';
 import { sortCustomFormFields } from 'open-event-frontend/utils/sort';
 import { SPEAKER_FORM_ORDER, SESSION_FORM_ORDER } from 'open-event-frontend/models/custom-form';
-import moment from 'moment';
+import moment from 'moment-timezone';
 import $ from 'jquery';
 
 export default Component.extend(EventWizardMixin, FormMixin, {

app/components/public/add-to-calender.ts

@@ -1,5 +1,5 @@
 import Component from '@glimmer/component';
-import moment, { Moment } from 'moment';
+import moment from 'moment-timezone';
 import Event from 'open-event-frontend/models/event';
 import { inject as service } from '@ember/service';
 import { tracked } from '@glimmer/tracking';
@@ -52,12 +52,12 @@ export default class AddToCalender extends Component<Args> {
     this.showSessions = this.showSessions ?? await hasSessions(this.loader, event);
   }
 
-  get startsAt(): Moment {
+  get startsAt(): moment.Moment {
     const { event } = this.args;
     return moment(event.startsAt).tz(event.timezone);
   }
 
-  get endsAt(): Moment {
+  get endsAt(): moment.Moment {
     const { event } = this.args;
     return moment(event.endsAt).tz(event.timezone);
   }

app/components/public/session-item.js

@@ -1,6 +1,6 @@
 import { action } from '@ember/object';
 import Component from '@glimmer/component';
-import moment from 'moment';
+import moment from 'moment-timezone';
 import { inject as service } from '@ember/service';
 import { tracked } from '@glimmer/tracking';
 import { extractYoutubeUrl } from 'open-event-frontend/utils/url';