feat: enhance push notification management and error handling

- Implemented error handling for unhandled promise rejections related to message channels, improving stability during push notification operations.
- Updated the PushNotificationManager component to manage push subscription registration with timeouts, preventing application hangs.
- Enhanced the sidebar and chat components to display user avatars, improving user experience and visual consistency.
- Refactored email processing logic to support scheduled email sending, integrating new backend functionalities for better email management.
- Improved overall error handling and logging across components to reduce console spam and enhance debugging capabilities.

apps/web/src/lib/utils/notifications.ts

@@ -74,13 +74,44 @@ export async function registrarServiceWorker(): Promise<ServiceWorkerRegistratio
   }
 
   try {
-    const registration = await navigator.serviceWorker.register("/sw.js", {
+    // Verificar se já existe um Service Worker ativo antes de registrar
+    const existingRegistration = await navigator.serviceWorker.getRegistration("/");
+    if (existingRegistration?.active) {
+      return existingRegistration;
+    }
+
+    // Registrar com timeout para evitar travamentos
+    const registerPromise = navigator.serviceWorker.register("/sw.js", {
       scope: "/",
     });
-    console.log("Service Worker registrado:", registration);
+
+    const timeoutPromise = new Promise<ServiceWorkerRegistration | null>((resolve) =>
+      setTimeout(() => resolve(null), 3000)
+    );
+
+    const registration = await Promise.race([registerPromise, timeoutPromise]);
+    
+    if (registration) {
+      // Log apenas em desenvolvimento
+      if (import.meta.env.DEV) {
+        console.log("Service Worker registrado:", registration);
+      }
+    }
+    
     return registration;
   } catch (error) {
-    console.error("Erro ao registrar Service Worker:", error);
+    // Ignorar erros silenciosamente para evitar spam no console
+    // especialmente erros relacionados a message channel
+    if (error instanceof Error) {
+      const errorMessage = error.message.toLowerCase();
+      if (
+        !errorMessage.includes("message channel") &&
+        !errorMessage.includes("registration") &&
+        import.meta.env.DEV
+      ) {
+        console.error("Erro ao registrar Service Worker:", error);
+      }
+    }
     return null;
   }
 }
@@ -89,52 +120,80 @@ export async function registrarServiceWorker(): Promise<ServiceWorkerRegistratio
  * Solicitar subscription de push notification
  */
 export async function solicitarPushSubscription(): Promise<PushSubscription | null> {
-  // Registrar service worker primeiro
-  const registration = await registrarServiceWorker();
-  if (!registration) {
-    return null;
-  }
-
-  // Verificar se push está disponível
-  if (!("PushManager" in window)) {
-    console.warn("Push notifications não são suportadas neste navegador");
-    return null;
-  }
-
-  // Solicitar permissão
-  const permission = await requestNotificationPermission();
-  if (permission !== "granted") {
-    console.warn("Permissão para notificações negada");
-    return null;
-  }
-
   try {
-    // Obter subscription existente ou criar nova
-    let subscription = await registration.pushManager.getSubscription();
+    // Registrar service worker primeiro com timeout
+    const registrationPromise = registrarServiceWorker();
+    const timeoutPromise = new Promise<null>((resolve) => 
+      setTimeout(() => resolve(null), 3000)
+    );
+    
+    const registration = await Promise.race([registrationPromise, timeoutPromise]);
+    if (!registration) {
+      return null;
+    }
+
+    // Verificar se push está disponível
+    if (!("PushManager" in window)) {
+      return null;
+    }
+
+    // Solicitar permissão com timeout
+    const permissionPromise = requestNotificationPermission();
+    const permissionTimeoutPromise = new Promise<NotificationPermission>((resolve) =>
+      setTimeout(() => resolve("denied"), 3000)
+    );
+    
+    const permission = await Promise.race([permissionPromise, permissionTimeoutPromise]);
+    if (permission !== "granted") {
+      return null;
+    }
+
+    // Obter subscription existente ou criar nova com timeout
+    const getSubscriptionPromise = registration.pushManager.getSubscription();
+    const getSubscriptionTimeoutPromise = new Promise<PushSubscription | null>((resolve) =>
+      setTimeout(() => resolve(null), 3000)
+    );
+    
+    let subscription = await Promise.race([getSubscriptionPromise, getSubscriptionTimeoutPromise]);
 
     if (!subscription) {
       // VAPID public key deve vir do backend ou config
-      // Por enquanto, usando uma chave pública de exemplo
-      // Em produção, isso deve vir de uma variável de ambiente ou API
       const vapidPublicKey = import.meta.env.VITE_VAPID_PUBLIC_KEY || "";
 
       if (!vapidPublicKey) {
-        console.warn("VAPID public key não configurada");
+        // Não logar warning para evitar spam no console
         return null;
       }
 
       // Converter chave para formato Uint8Array
       const applicationServerKey = urlBase64ToUint8Array(vapidPublicKey);
 
-      subscription = await registration.pushManager.subscribe({
+      // Subscribe com timeout
+      const subscribePromise = registration.pushManager.subscribe({
         userVisibleOnly: true,
         applicationServerKey,
       });
+      
+      const subscribeTimeoutPromise = new Promise<PushSubscription | null>((resolve) =>
+        setTimeout(() => resolve(null), 5000)
+      );
+      
+      subscription = await Promise.race([subscribePromise, subscribeTimeoutPromise]);
     }
 
     return subscription;
   } catch (error) {
-    console.error("Erro ao obter subscription:", error);
+    // Ignorar erros relacionados a message channel ou service worker
+    if (error instanceof Error) {
+      const errorMessage = error.message.toLowerCase();
+      if (
+        errorMessage.includes("message channel") ||
+        errorMessage.includes("service worker") ||
+        errorMessage.includes("registration")
+      ) {
+        return null;
+      }
+    }
     return null;
   }
 }