Rearrange/code this part again

- Streaming wasn't UNSUBscribed due to the forever-stuck loop
- Make streaming start later

src/components/background-service.jsx

@@ -8,6 +8,9 @@ import states, { saveStatus } from '../utils/states';
 import useInterval from '../utils/useInterval';
 import usePageVisibility from '../utils/usePageVisibility';
 
+const STREAMING_TIMEOUT = 1000 * 3; // 3 seconds
+const POLL_INTERVAL = 1000 * 60; // 1 minute
+
 export default memo(function BackgroundService({ isLoggedIn }) {
   // Notifications service
   // - WebSocket to receive notifications when page is visible
@@ -53,12 +56,15 @@ export default memo(function BackgroundService({ isLoggedIn }) {
         let hasStreaming = false;
         // 2. Start streaming
         if (streaming) {
+          pollNotifications = setTimeout(() => {
+            (async () => {
               try {
                 hasStreaming = true;
                 sub = streaming.user.notification.subscribe();
                 console.log('🎏 Streaming notification', sub);
                 for await (const entry of sub) {
                   if (!sub) break;
+                  if (!visible) break;
                   console.log('🔔🔔 Notification entry', entry);
                   if (entry.event === 'notification') {
                     console.log('🔔🔔 Notification', entry);
@@ -72,20 +78,22 @@ export default memo(function BackgroundService({ isLoggedIn }) {
                 hasStreaming = false;
                 console.error(e);
               }
-        }
 
               if (!hasStreaming) {
                 console.log('🎏 Streaming failed, fallback to polling');
-          // Fallback to polling every minute
                 pollNotifications = setInterval(() => {
                   checkLatestNotification(masto, instance, true);
-          }, 1000 * 60);
+                }, POLL_INTERVAL);
+              }
+            })();
+          }, STREAMING_TIMEOUT);
         }
       })();
     }
     return () => {
       sub?.unsubscribe?.();
       sub = null;
+      clearTimeout(pollNotifications);
       clearInterval(pollNotifications);
     };
   }, [visible, isLoggedIn]);