🏷️ fix: Address Statefulness Issues for Bookmarks (#3590)

* refactor: optimize tag methods, remove rebuild

* refactor(tags): add lean db operations, fix updateTagsForConversation, remove rebuild button, only send convoId once

* refactor: Update BookmarkMenu to use Constants.NEW_CONVO constant for comparison

* style: Update BookmarkMenu styles and constants, use theming

* refactor: move tags query from package to client workspace

* refactor: optimize ConversationTag document creation and update logic

* style: Update BookmarkMenuItems to use theming

* refactor: JSDocs + try/catch for conversation tags API routes

* refactor: Update BookmarkNav theming classes and new data provider location

* fix: statefulness of conversation bookmarks
- move non-mutation hook to hooks/Conversation
- remove use of deprecated global convo
- update convo infinite data as well as current convo state upon successful tag add

* refactor: Update BookmarkMenu styles and constants, use theming

* refactor: Add lean option to ConversationTag deletion query

* fix(BookmarkTable): position order rendering esp. when new tag is created

* refactor: Update useBookmarkSucess to useBookmarkSuccess for consistency

* refactor: Update ConversationTag creation logic to increment count only if addToConversation is true

* style: theming

client/src/components/SidePanel/Bookmarks/BookmarkTable.tsx

@@ -14,7 +14,11 @@ const BookmarkTable = () => {
 
   const { bookmarks } = useBookmarkContext();
   useEffect(() => {
-    setRows(bookmarks?.map((item) => ({ id: item.tag, ...item })) || []);
+    setRows(
+      bookmarks
+        ?.map((item) => ({ id: item.tag, ...item }))
+        .sort((a, b) => a.position - b.position) || [],
+    );
   }, [bookmarks]);
 
   const moveRow = useCallback((dragIndex: number, hoverIndex: number) => {
@@ -22,13 +26,16 @@ const BookmarkTable = () => {
       const updatedRows = [...prevTags];
       const [movedRow] = updatedRows.splice(dragIndex, 1);
       updatedRows.splice(hoverIndex, 0, movedRow);
-      return updatedRows;
+      return updatedRows.map((row, index) => ({ ...row, position: index }));
     });
   }, []);
 
-  const renderRow = useCallback((row: TConversationTag, position: number) => {
-    return <BookmarkTableRow key={row.tag} moveRow={moveRow} row={row} position={position} />;
-  }, []);
+  const renderRow = useCallback(
+    (row: TConversationTag) => {
+      return <BookmarkTableRow key={row.tag} moveRow={moveRow} row={row} position={row.position} />;
+    },
+    [moveRow],
+  );
 
   const filteredRows = rows.filter((row) =>
     row.tag.toLowerCase().includes(searchQuery.toLowerCase()),
@@ -58,7 +65,7 @@ const BookmarkTable = () => {
               </TableCell>
             </TableRow>
           </TableHeader>
-          <TableBody>{currentRows.map((row, i) => renderRow(row, i))}</TableBody>
+          <TableBody>{currentRows.map((row) => renderRow(row))}</TableBody>
         </Table>
       </div>
       <div className="flex items-center justify-between py-4">