444 use websocket to trigger reloads (#458)

* [#444] added refresh on sync token calendar update

* [#444] added refresh on register and tests

* [#444] extracted logic for useEffects and updates

* [#444] refactored code structure to use absolute paths

src/components/Calendar/Calendar.tsx

@@ -15,7 +15,7 @@ import ImportAlert from "../../features/Events/ImportAlert";
 import {
   formatDateToYYYYMMDDTHHMMSS,
   getCalendarRange,
-} from "../../utils/dateUtils";
+} from "@/utils/dateUtils";
 import { push } from "redux-first-history";
 import EventPreviewModal from "../../features/Events/EventDisplayPreview";
 import AddIcon from "@mui/icons-material/Add";
@@ -43,9 +43,10 @@ import ruLocale from "@fullcalendar/core/locales/ru";
 import viLocale from "@fullcalendar/core/locales/vi";
 import SearchResultsPage from "../../features/Search/SearchResultsPage";
 import { setTimeZone } from "../../features/Settings/SettingsSlice";
-import { browserDefaultTimeZone } from "../../utils/timezone";
-import { extractEventBaseUuid } from "../../utils/extractEventBaseUuid";
-import { setSelectedCalendars as setSelectedCalendarsToStorage } from "../../utils/storage/setSelectedCalendars";
+import { browserDefaultTimeZone } from "@/utils/timezone";
+import { extractEventBaseUuid } from "@/utils/extractEventBaseUuid";
+import { setSelectedCalendars as setSelectedCalendarsToStorage } from "@/utils/storage/setSelectedCalendars";
+import { setDisplayedDateAndRange } from "@/utils/CalendarRangeManager";
 
 const localeMap: Record<string, any> = {
   fr: frLocale,
@@ -741,6 +742,7 @@ export default function CalendarApp({
               setCurrentView(arg.view.type);
               const calendarCurrentDate =
                 calendarRef.current?.getDate() || new Date(arg.start);
+              setDisplayedDateAndRange(calendarCurrentDate);
 
               if (arg.view.type === "dayGridMonth") {
                 const start = new Date(arg.start).getTime();