style: clean up code formatting and remove trailing whitespace

refactor: reorganize imports and fix type imports

components/chat/ChatModal.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useEffect } from "react";
+import { useEffect, useState } from "react";
 import {
   Dialog,
   DialogContent,
@@ -8,12 +8,12 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@/components/ui/dialog";
-import { ChatHeader } from "./ChatHeader";
-import { MessageList } from "./MessageList";
-import { MessageInput } from "./MessageInput";
+import { Skeleton } from "@/components/ui/skeleton";
 import { useChat } from "@/lib/hooks/use-chat";
 import { useSession } from "@/lib/hooks/use-session";
-import { Skeleton } from "@/components/ui/skeleton";
+import { ChatHeader } from "./ChatHeader";
+import { MessageInput } from "./MessageInput";
+import { MessageList } from "./MessageList";
 
 interface ChatModalProps {
   open: boolean;
@@ -104,9 +104,7 @@ export function ChatModal({
       <DialogContent className="max-w-2xl h-[80vh] flex flex-col p-0 gap-0">
         <DialogHeader className="sr-only">
           <DialogTitle>Chat com vendedor</DialogTitle>
-          <DialogDescription>
-            Conversa sobre o anúncio
-          </DialogDescription>
+          <DialogDescription>Conversa sobre o anúncio</DialogDescription>
         </DialogHeader>
 
         {isCreatingChat || (isLoading && !chat) ? (
@@ -144,4 +142,3 @@ export function ChatModal({
     </Dialog>
   );
 }
-