Fix issue where pending tabs show empty list

Issue caused by the first page is having all its message blocked

src/components/chats/ChatList/ChatList.tsx

@@ -86,6 +86,18 @@ function ChatListContent({
     onlyDisplayUnapprovedMessages,
   })
 
+  const filteredIdsCount = messageIds.length
+  const unfilteredIdsCount = unfilteredMessageIds.length
+  useEffect(() => {
+    if (!scrollContainerRef.current) return
+    if (
+      scrollContainerRef.current.scrollHeight <=
+      scrollContainerRef.current.clientHeight
+    ) {
+      loadMore()
+    }
+  }, [filteredIdsCount, unfilteredIdsCount, loadMore, scrollContainerRef])
+
   const lastFocusedTime = useLastFocusedMessageTime(chatId, messageIds[0] ?? '')
 
   useEffect(() => {