fix: detect auth changes via polling and visibility change

app/components/NotificationHandler.js

@@ -23,11 +23,11 @@ export default function NotificationHandler() {
   const initialized = useRef(false);
 
   useEffect(() => {
-    const timer = setTimeout(() => {
+    function checkAuth() {
       if (initialized.current) return;
-      initialized.current = true;
 
       if (!AuthService.getToken()) return;
+      initialized.current = true;
 
       if ("Notification" in window) {
         if (Notification.permission === "default") {
@@ -36,9 +36,28 @@ export default function NotificationHandler() {
           setupFCM();
         }
       }
+    }
+
+    // Check immediately
+    checkAuth();
+
+    // Also check when auth token changes (login via client-side navigation)
+    const interval = setInterval(() => {
+      if (!initialized.current && AuthService.getToken()) {
+        checkAuth();
+      }
     }, 1000);
 
-    return () => clearTimeout(timer);
+    // Check on route change (visibility)
+    const onVisibility = () => {
+      if (document.visibilityState === "visible") checkAuth();
+    };
+    document.addEventListener("visibilitychange", onVisibility);
+
+    return () => {
+      clearInterval(interval);
+      document.removeEventListener("visibilitychange", onVisibility);
+    };
   }, []);
 
   async function setupFCM() {