feat(app): switch to useChat hook

src/components/MessageBox.tsx

@@ -20,6 +20,7 @@ import SearchImages from './SearchImages';
 import SearchVideos from './SearchVideos';
 import { useSpeech } from 'react-text-to-speech';
 import ThinkBox from './ThinkBox';
+import { useChat } from '@/lib/hooks/useChat';
 
 const ThinkTagProcessor = ({
   children,
@@ -36,22 +37,16 @@ const ThinkTagProcessor = ({
 const MessageBox = ({
   message,
   messageIndex,
-  history,
-  loading,
   dividerRef,
   isLast,
-  rewrite,
-  sendMessage,
 }: {
   message: Message;
   messageIndex: number;
-  history: Message[];
-  loading: boolean;
   dividerRef?: MutableRefObject<HTMLDivElement | null>;
   isLast: boolean;
-  rewrite: (messageId: string) => void;
-  sendMessage: (message: string) => void;
 }) => {
+  const { loading, messages: history, sendMessage, rewrite } = useChat();
+
   const [parsedMessage, setParsedMessage] = useState(message.content);
   const [speechMessage, setSpeechMessage] = useState(message.content);
   const [thinkingEnded, setThinkingEnded] = useState(false);