fix: a11y: add aria-posinset for virtualized

For `react-virtualized` lists.

[From MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-posinset):

> The aria-posinset attribute defines an element's number or position
> in the current set of listitems or treeitems
> when not all items are present in the DOM.

Author: WofWca

CHANGELOG.md

@@ -8,6 +8,9 @@
 
 - keep the order of contacts when calling getContactsByIds #4651
 
+### Fixed
+- accessibility: fix screen readers announcing incorrect list sizes
+
 <a id="1_54_0"></a>
 
 ## [1.54.0] - 2025-02-15

packages/frontend/src/components/chat/ChatListItemRow.tsx

@@ -57,7 +57,11 @@ export const ChatListItemRowChat = React.memo<{
   const chatId = chatListIds[index]
 
   return (
-    <li style={style}>
+    <li
+      style={style}
+      aria-posinset={index + 1}
+      aria-setsize={chatListIds.length}
+    >
       <ChatListItem
         isSelected={selectedChatId === chatId}
         chatListItem={chatCache[chatId] || undefined}
@@ -98,7 +102,11 @@ export const ChatListItemRowContact = React.memo<{
       }}
     />
   ) : (
-    <li style={style}>
+    <li
+      style={style}
+      aria-posinset={index + 1}
+      aria-setsize={contactIds.length}
+    >
       <PlaceholderChatListItem />
     </li>
   )
@@ -116,7 +124,11 @@ export const ChatListItemRowMessage = React.memo<{
   const accountId = selectedAccountId()
 
   return (
-    <li style={style}>
+    <li
+      style={style}
+      aria-posinset={index + 1}
+      aria-setsize={messageResultIds.length}
+    >
       {messageSearchResult ? (
         <ChatListItemMessageResult
           queryStr={queryStr || ''}