feat: Format dates to ArriveByTimeChart

- set default settings for moment.js in App.tsx (tz and locale)
- display day + date on by-day
- display day + hour on by-hour

src/App.tsx

@@ -5,6 +5,11 @@ import router from './routes'
 import { RouterProvider } from 'react-router-dom'
 import { Suspense } from 'react'
 import Preloader from './shared/Preloader'
+import moment from 'moment-timezone'
+import "moment/dist/locale/he"
+
+moment.tz.setDefault('Asia/Jerusalem');
+moment.locale("he");
 
 export const RoutedApp = () => (
   <Suspense fallback={<Preloader />}>

src/pages/dashboard/ArrivalByTimeChart/ArrivalByTimeChart.tsx

@@ -11,6 +11,7 @@ import {
 
 import './ArrivalByTimeChats.scss'
 import { useMemo } from 'react'
+import moment from 'moment-timezone'
 
 export const arrayGroup = function <T>(array: T[], f: (item: T) => string) {
   const groups: Record<string, T[]> = {}
@@ -70,10 +71,11 @@ export default function ArrivalByTimeChart({
                       <>
                         <ul>
                           <li>
-                            <span className="label">תאריך: </span>
+                            <span className="label">זמן: </span>
                             <span className="value">
-                              {payload![0].payload.gtfs_route_date ||
-                                payload![0].payload.gtfs_route_hour}
+                              {payload![0].payload.gtfs_route_date
+                                ? moment.utc(payload![0].payload.gtfs_route_date).format('יום ddd, L')
+                                : moment(payload![0].payload.gtfs_route_hour).format('יום dddd, LT')}
                             </span>
                           </li>
                           <li>