Worked on zone manager

src/components/utilities/Notifications.vue

@@ -15,7 +15,7 @@
 import { useNotificationStore } from '@/stores/notifications'
 import { useSocketStore } from '@/stores/socket'
 import Modal from '@/components/utilities/Modal.vue'
-import { onMounted, onUnmounted, ref, watch } from 'vue'
+import { onBeforeMount, onBeforeUnmount, watch } from 'vue'
 
 const notifications = useNotificationStore()
 const socket = useSocketStore()
@@ -32,14 +32,14 @@ function setupNotificationListener(connection: any) {
   })
 }
 
-onMounted(() => {
-  const connection = socket.getConnection
+onBeforeMount(() => {
+  const connection = socket.connection
   if (connection) {
     setupNotificationListener(connection)
   } else {
     // Watch for changes in the socket connection
     watch(
-      () => socket.getConnection,
+      () => socket.connection,
       (newConnection) => {
         if (newConnection) setupNotificationListener(newConnection)
       }
@@ -47,8 +47,8 @@ onMounted(() => {
   }
 })
 
-onUnmounted(() => {
-  const connection = socket.getConnection
+onBeforeUnmount(() => {
+  const connection = socket.connection
   if (connection) {
     connection.off('notification')
   }