feat(app): switch to useChat hook

src/components/Navbar.tsx

@@ -10,6 +10,7 @@ import {
   Transition,
 } from '@headlessui/react';
 import jsPDF from 'jspdf';
+import { useChat } from '@/lib/hooks/useChat';
 
 const downloadFile = (filename: string, content: string, type: string) => {
   const blob = new Blob([content], { type });
@@ -118,16 +119,12 @@ const exportAsPDF = (messages: Message[], title: string) => {
   doc.save(`${title || 'chat'}.pdf`);
 };
 
-const Navbar = ({
-  chatId,
-  messages,
-}: {
-  messages: Message[];
-  chatId: string;
-}) => {
+const Navbar = () => {
   const [title, setTitle] = useState<string>('');
   const [timeAgo, setTimeAgo] = useState<string>('');
 
+  const { messages, chatId } = useChat();
+
   useEffect(() => {
     if (messages.length > 0) {
       const newTitle =
@@ -206,7 +203,7 @@ const Navbar = ({
             </PopoverPanel>
           </Transition>
         </Popover>
-        <DeleteChat redirect chatId={chatId} chats={[]} setChats={() => {}} />
+        <DeleteChat redirect chatId={chatId!} chats={[]} setChats={() => {}} />
       </div>
     </div>
   );