fix: also watch hash change and change tab accordingly

frontend/src/composables/useActiveTabManager.js

@@ -1,8 +1,10 @@
 import { ref, watch } from 'vue'
+import { useRoute } from 'vue-router'
 import { useDebounceFn, useStorage } from '@vueuse/core'
 
 export function useActiveTabManager(tabs, storageKey) {
   const activieTab = useStorage(storageKey, 'activity')
+  const route = useRoute()
 
   const preserveLastVisitedTab = useDebounceFn((tabName) => {
     activieTab.value = tabName.toLowerCase()
@@ -13,7 +15,7 @@ export function useActiveTabManager(tabs, storageKey) {
   }
 
   function getActiveTabFromUrl() {
-    return window.location.hash.replace('#', '')
+    return route.hash.replace('#', '')
   }
 
   function findTabIndex(tabName) {
@@ -59,5 +61,20 @@ export function useActiveTabManager(tabs, storageKey) {
     preserveLastVisitedTab(currentTab)
   })
 
+  watch(
+    () => route.hash,
+    (tabValue) => {
+      if (!tabValue) return
+
+      let tabName = tabValue.replace('#', '')
+      let index = findTabIndex(tabName)
+      if (index === -1) index = 0
+
+      let currentTab = tabs.value[index].name
+      preserveLastVisitedTab(currentTab)
+      tabIndex.value = index
+    },
+  )
+
   return { tabIndex }
 }