style: clean up code formatting and remove trailing whitespace

refactor: reorganize imports and fix type imports

components/notifications/NotificationDropdown.tsx

@@ -1,11 +1,17 @@
 "use client";
 
+import {
+  Bell,
+  ExternalLink,
+  MessageSquare,
+  ShoppingCart,
+  TrendingUp,
+} from "lucide-react";
+import Link from "next/link";
+import { useLocale } from "next-intl";
 import { Button } from "@/components/ui/button";
 // ScrollArea não disponível, usando div com overflow
 import { Separator } from "@/components/ui/separator";
-import { Bell, ShoppingCart, TrendingUp, MessageSquare, ExternalLink } from "lucide-react";
-import Link from "next/link";
-import { useLocale } from "next-intl";
 
 interface Notification {
   notification_id: number;
@@ -24,10 +30,11 @@ interface NotificationDropdownProps {
 }
 
 function formatTimeAgo(date: Date): string {
-  const seconds = Math.floor((new Date().getTime() - date.getTime()) / 1000);
+  const seconds = Math.floor((Date.now() - date.getTime()) / 1000);
   if (seconds < 60) return "há alguns segundos";
   const minutes = Math.floor(seconds / 60);
-  if (minutes < 60) return `há ${minutes} ${minutes === 1 ? "minuto" : "minutos"}`;
+  if (minutes < 60)
+    return `há ${minutes} ${minutes === 1 ? "minuto" : "minutos"}`;
   const hours = Math.floor(minutes / 60);
   if (hours < 24) return `há ${hours} ${hours === 1 ? "hora" : "horas"}`;
   const days = Math.floor(hours / 24);
@@ -118,14 +125,16 @@ export function NotificationDropdown({
                 <div className="flex items-start gap-3">
                   <div
                     className={`${getNotificationColor(
-                      notification.notification_type
+                      notification.notification_type,
                     )} rounded-full p-2 text-white flex-shrink-0`}
                   >
                     {getNotificationIcon(notification.notification_type)}
                   </div>
                   <div className="flex-1 min-w-0">
                     <div className="flex items-start justify-between gap-2">
-                      <h4 className="font-medium text-sm">{notification.title}</h4>
+                      <h4 className="font-medium text-sm">
+                        {notification.title}
+                      </h4>
                       {!notification.is_read && (
                         <div className="h-2 w-2 bg-primary rounded-full flex-shrink-0 mt-1" />
                       )}
@@ -148,7 +157,9 @@ export function NotificationDropdown({
                   </div>
                 </div>
               </button>
-              {index < notifications.length - 1 && <Separator className="my-2" />}
+              {index < notifications.length - 1 && (
+                <Separator className="my-2" />
+              )}
             </div>
           ))}
         </div>
@@ -156,4 +167,3 @@ export function NotificationDropdown({
     </div>
   );
 }
-