fix(moment): import moment from lib/moment only, trim timezone data to >=2014

Author: purfectliterature

client/app/bundles/common/DashboardPage.tsx

@@ -2,7 +2,6 @@ import { defineMessages } from 'react-intl';
 import { Navigate } from 'react-router-dom';
 import { ArrowForward } from '@mui/icons-material';
 import { Avatar, Stack, Typography } from '@mui/material';
-import moment from 'moment';
 import { HomeLayoutCourseData } from 'types/home';
 
 import { getCourseLogoUrl } from 'course/helper';
@@ -13,6 +12,7 @@ import { useAppContext } from 'lib/containers/AppContainer';
 import { getUrlParameter } from 'lib/helpers/url-helpers';
 import useItems from 'lib/hooks/items/useItems';
 import useTranslation from 'lib/hooks/useTranslation';
+import moment from 'lib/moment';
 
 import NewCourseButton from './components/NewCourseButton';
 

client/app/bundles/course/assessment/pages/AssessmentMonitoring/components/HeartbeatsTimeline.tsx

@@ -1,8 +1,8 @@
 import { useState } from 'react';
-import moment from 'moment';
 import { HeartbeatDetail } from 'types/channels/liveMonitoring';
 
 import { BrowserAuthorizationMethod } from 'course/assessment/components/monitoring/BrowserAuthorizationMethodOptionsFormFields/common';
+import moment from 'lib/moment';
 
 import HeartbeatDetailCard from './HeartbeatDetailCard';
 import HeartbeatsTimelineChart from './HeartbeatsTimelineChart';

client/app/bundles/course/assessment/pages/AssessmentMonitoring/components/HeartbeatsTimelineChart.tsx

@@ -10,12 +10,12 @@ import {
   PointStyle,
 } from 'chart.js';
 import zoomPlugin from 'chartjs-plugin-zoom';
-import moment from 'moment';
 import palette from 'theme/palette';
 import { HeartbeatDetail } from 'types/channels/liveMonitoring';
 
 import { useAppSelector } from 'lib/hooks/store';
 import useTranslation from 'lib/hooks/useTranslation';
+import moment from 'lib/moment';
 
 import translations from '../../../translations';
 import { select } from '../selectors';

client/app/bundles/course/assessment/pages/AssessmentMonitoring/utils.ts

@@ -1,4 +1,4 @@
-import moment from 'moment';
+import moment from 'lib/moment';
 
 export type Presence = 'alive' | 'late' | 'missing';
 

client/app/bundles/course/assessment/pages/AssessmentStatistics/LiveFeedbackHistory/LiveFeedbackMessageHistory.tsx

@@ -1,14 +1,13 @@
 import { Dispatch, FC, SetStateAction } from 'react';
 import { Typography } from '@mui/material';
-import moment from 'moment';
 import { LiveFeedbackChatMessage } from 'types/course/assessment/submission/liveFeedback';
 
 import {
   fetchAllIndexWithIdenticalFileIds,
   justifyPosition,
 } from 'course/assessment/submission/components/GetHelpChatPage/utils';
 import MarkdownText from 'course/assessment/submission/components/MarkdownText';
-import { SHORT_DATE_TIME_FORMAT } from 'lib/moment';
+import moment, { SHORT_DATE_TIME_FORMAT } from 'lib/moment';
 
 interface Props {
   messages: LiveFeedbackChatMessage[];

client/app/bundles/course/assessment/submission/reducers/liveFeedbackChats/index.ts

@@ -5,9 +5,8 @@ import {
   PayloadAction,
 } from '@reduxjs/toolkit';
 import { shuffle } from 'lodash';
-import moment from 'moment';
 
-import { SHORT_TIME_FORMAT } from 'lib/moment';
+import moment, { SHORT_TIME_FORMAT } from 'lib/moment';
 
 import {
   getLocalStorageValue,

client/app/bundles/course/reference-timelines/components/DayCalendar/DayCalendar.tsx

@@ -2,9 +2,9 @@ import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { FixedSizeList as List } from 'react-window';
 import { Button, Typography } from '@mui/material';
-import moment from 'moment';
 
 import useTranslation from 'lib/hooks/useTranslation';
+import moment from 'lib/moment';
 
 import translations from '../../translations';
 import {

client/app/bundles/course/reference-timelines/components/DayCalendar/DayColumn.tsx

@@ -1,7 +1,8 @@
 import { CSSProperties, memo } from 'react';
 import { areEqual } from 'react-window';
 import { Typography } from '@mui/material';
-import moment from 'moment';
+
+import moment from 'lib/moment';
 
 import { getSecondsFromDays, isToday, isWeekend } from '../../utils';
 

client/app/bundles/course/reference-timelines/components/SubmitIndicator.tsx

@@ -1,10 +1,10 @@
 import { useEffect, useState } from 'react';
 import { Cancel, CheckCircle } from '@mui/icons-material';
 import { Chip, Grow, Tooltip, Typography } from '@mui/material';
-import moment from 'moment';
 
 import LoadingIndicator from 'lib/components/core/LoadingIndicator';
 import useTranslation from 'lib/hooks/useTranslation';
+import moment from 'lib/moment';
 
 import { useLastSaved } from '../contexts';
 import translations from '../translations';

client/app/bundles/course/reference-timelines/components/TimeBar/DurationBar.tsx

@@ -1,5 +1,6 @@
 import { MouseEventHandler, ReactNode, TouchEventHandler } from 'react';
-import moment from 'moment';
+
+import moment from 'lib/moment';
 
 import {
   DAY_WIDTH_PIXELS,