style: clean up code formatting and remove trailing whitespace

refactor: reorganize imports and fix type imports

components/messages/ChatListItem.tsx

@@ -1,10 +1,10 @@
 "use client";
 
-import { Card } from "@/components/ui/card";
-import { Badge } from "@/components/ui/badge";
-import { Avatar, AvatarFallback } from "@/components/ui/avatar";
-import { Package, Clock } from "lucide-react";
+import { Clock, Package } from "lucide-react";
 import Image from "next/image";
+import { Avatar, AvatarFallback } from "@/components/ui/avatar";
+import { Badge } from "@/components/ui/badge";
+import { Card } from "@/components/ui/card";
 import type { Chat } from "@/lib/hooks/use-chat";
 import { formatTimeAgo } from "@/lib/utils";
 
@@ -20,9 +20,7 @@ export function ChatListItem({
   onChatClick,
 }: ChatListItemProps) {
   const otherUser =
-    chat.buyer_id === currentUserId
-      ? chat.seller_cache
-      : chat.buyer_cache;
+    chat.buyer_id === currentUserId ? chat.seller_cache : chat.buyer_cache;
 
   const unreadCount =
     chat.buyer_id === currentUserId
@@ -53,7 +51,10 @@ export function ChatListItem({
               {otherUser.character_name || otherUser.username}
             </h4>
             {unreadCount > 0 && (
-              <Badge variant="destructive" className="h-5 min-w-5 px-1.5 text-xs">
+              <Badge
+                variant="destructive"
+                className="h-5 min-w-5 px-1.5 text-xs"
+              >
                 {unreadCount}
               </Badge>
             )}