Re-write ReduxStateSync lib in Frontend

frontend/package.json

@@ -38,11 +38,11 @@
     "@dnd-kit/core": "6.1.0",
     "@dnd-kit/modifiers": "6.0.1",
     "@mtes-mct/monitor-ui": "23.0.0",
+    "@paralleldrive/cuid2": "2.2.2",
     "@reduxjs/toolkit": "2.2.7",
     "@sentry/react": "7.117.0",
     "@tanstack/react-table": "8.20.5",
     "@tanstack/react-virtual": "3.10.7",
-    "broadcast-channel": "7.0.0",
     "comlink": "4.4.1",
     "date-fns": "3.6.0",
     "dayjs": "1.11.13",

frontend/src/features/SideWindow/index.tsx

@@ -10,6 +10,7 @@ import { Alert } from './Alert'
 import { BeaconMalfunctionBoard } from './BeaconMalfunctionBoard'
 import { BannerStack } from './components/BannerStack'
 import { Menu } from './Menu'
+import { sideWindowActions } from './slice'
 import { useIsSuperUser } from '../../auth/hooks/useIsSuperUser'
 import { MissionEventContext } from '../../context/MissionEventContext'
 import { SideWindowMenuKey } from '../../domain/entities/sideWindow/constants'
@@ -80,6 +81,10 @@ export function SideWindow() {
     dispatch(getAllCurrentReportings())
     dispatch(getInfractions())
     dispatch(getAllGearCodes())
+
+    window.addEventListener('beforeunload', () => {
+      dispatch(sideWindowActions.close())
+    })
   }, [dispatch])
 
   return (

frontend/src/libs/ReduxStateSync/constants.ts

@@ -0,0 +1,19 @@
+import type { ReduxStateSyncOptions } from './types'
+
+export const BROADCAST_CHANNEL_NAME = 'monitorfish-channel'
+
+export const DEFAULT_OPTIONS: ReduxStateSyncOptions = {
+  actionFilter: () => true
+}
+
+export enum MessageType {
+  DestroyTab = 'DestroyTab',
+  DispatchAction = 'DispatchAction',
+  GetInitialState = 'GetInitialState',
+  SendInitialState = 'SendInitialState'
+}
+
+export enum InternalActionType {
+  InitializeStateFromOtherTab = '&_INITIALIZE_STATE_FROM_OTHER_TAB',
+  SendStateToOtherTab = '&_SEND_STATE_TO_OTHER_TAB'
+}