perf: simplify conversation title display to avoid IndexedDB queries

- Remove IndexedDB queries for conversation titles in sidebar
- Display only chat index numbers to improve performance
- Eliminate async operations and unnecessary component state

Author: heimoshuiyu

src/components/ConversationTitle..tsx

@@ -1,55 +1,13 @@
-import { STORAGE_NAME } from "@/const";
 import { AppChatStoreContext, AppContext } from "@/pages/App";
-import { ChatStore } from "@/types/chatstore";
 import {
   memo,
   useContext,
-  useEffect,
-  useMemo,
-  useState,
-  useCallback,
 } from "react";
 
 const ConversationTitle = ({ chatStoreIndex }: { chatStoreIndex: number }) => {
-  const { db, selectedChatIndex } = useContext(AppContext);
-  const [title, setTitle] = useState("");
-
-  const getTitle = useCallback(async () => {
-    try {
-      const chatStore = (await (
-        await db
-      ).get(STORAGE_NAME, chatStoreIndex)) as ChatStore;
-
-      if (chatStore.history.length === 0) {
-        setTitle(`${chatStoreIndex}`);
-        return;
-      }
-
-      const content = chatStore.history[0]?.content;
-      if (!content) {
-        setTitle(`${chatStoreIndex}`);
-        return;
-      }
-
-      if (typeof content === "string") {
-        setTitle(content.substring(0, 39));
-      }
-    } catch (e) {
-      console.error(e);
-    }
-  }, [db, chatStoreIndex]);
-
-  useEffect(() => {
-    getTitle();
-  }, [getTitle]);
-
-  const handleClick = useCallback(() => {
-    getTitle();
-  }, [getTitle]);
-
   return (
-    <span className="w-full" onClick={handleClick}>
-      {title}
+    <span className="w-full">
+      {chatStoreIndex}
     </span>
   );
 };