style: clean up code formatting and remove trailing whitespace

refactor: reorganize imports and fix type imports

components/chat/MessageBubble.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import { cn } from "@/lib/utils";
 import type { ChatMessage } from "@/lib/hooks/use-chat";
+import { cn } from "@/lib/utils";
 
 interface MessageBubbleProps {
   message: ChatMessage;
@@ -31,7 +31,7 @@ export function MessageBubble({ message, isOwn }: MessageBubbleProps) {
     <div
       className={cn(
         "flex w-full mb-2",
-        isOwn ? "justify-end" : "justify-start"
+        isOwn ? "justify-end" : "justify-start",
       )}
     >
       <div
@@ -39,7 +39,7 @@ export function MessageBubble({ message, isOwn }: MessageBubbleProps) {
           "max-w-[70%] rounded-lg px-4 py-2",
           isOwn
             ? "bg-primary text-primary-foreground"
-            : "bg-muted text-foreground"
+            : "bg-muted text-foreground",
         )}
       >
         <p className="text-sm whitespace-pre-wrap break-words">
@@ -48,16 +48,13 @@ export function MessageBubble({ message, isOwn }: MessageBubbleProps) {
         <div
           className={cn(
             "flex items-center gap-1 mt-1 text-xs",
-            isOwn ? "text-primary-foreground/70" : "text-muted-foreground"
+            isOwn ? "text-primary-foreground/70" : "text-muted-foreground",
           )}
         >
           <span>{formatTime(message.created_at)}</span>
-          {isOwn && message.read_at && (
-            <span className="opacity-70">✓✓</span>
-          )}
+          {isOwn && message.read_at && <span className="opacity-70">✓✓</span>}
         </div>
       </div>
     </div>
   );
 }
-