style: clean up code formatting and remove trailing whitespace

refactor: reorganize imports and fix type imports

components/chat/MessageInput.tsx

@@ -1,9 +1,9 @@
 "use client";
 
-import { useState, KeyboardEvent } from "react";
+import { Loader2, Send } from "lucide-react";
+import { type KeyboardEvent, useState } from "react";
 import { Button } from "@/components/ui/button";
 import { Textarea } from "@/components/ui/textarea";
-import { Send, Loader2 } from "lucide-react";
 import { useChatTyping } from "@/lib/hooks/use-chat";
 import { useSocket } from "@/lib/hooks/use-socket";
 
@@ -25,7 +25,7 @@ export function MessageInput({
   const { handleTypingStart, handleTypingStop } = useChatTyping(
     socket,
     isConnected,
-    chatId
+    chatId,
   );
 
   const handleSubmit = async () => {
@@ -46,7 +46,7 @@ export function MessageInput({
 
   const handleChange = (value: string) => {
     setContent(value);
-    
+
     if (value.trim().length > 0) {
       handleTypingStart();
     } else {
@@ -85,4 +85,3 @@ export function MessageInput({
     </div>
   );
 }
-