style: clean up code formatting and remove trailing whitespace

refactor: reorganize imports and fix type imports

components/messages/MessagesBell.tsx

@@ -1,9 +1,9 @@
 "use client";
 
-import { useState, useEffect } from "react";
 import { MessageCircle } from "lucide-react";
-import { Button } from "@/components/ui/button";
+import { useEffect, useState } from "react";
 import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
 import { useSession } from "@/lib/hooks/use-session";
 import { MessagesPanel } from "./MessagesPanel";
 
@@ -46,14 +46,14 @@ export function MessagesBell({ className }: MessagesBellProps) {
     }, 30000); // 30 segundos
 
     return () => clearInterval(interval);
-  }, [user]);
+  }, [user, fetchUnreadCount]);
 
   // Atualizar contagem quando abrir/fechar
   useEffect(() => {
     if (isOpen) {
       fetchUnreadCount();
     }
-  }, [isOpen]);
+  }, [isOpen, fetchUnreadCount]);
 
   // Marcar como visto quando abrir
   const handleOpenChange = (open: boolean) => {
@@ -82,7 +82,7 @@ export function MessagesBell({ className }: MessagesBellProps) {
           </Badge>
         )}
       </Button>
-      
+
       <MessagesPanel
         open={isOpen}
         onOpenChange={handleOpenChange}