Fixes read receipt avatar offset (#11483)

* Fixes read receipt avatar offset

Fixes https://github.com/vector-im/element-web/issues/26059

* Fix avatar collapsing in thread list

Fixes https://github.com/vector-im/element-web/issues/26064

* Make composer pills use new avatar design

Fixes https://github.com/vector-im/element-web/issues/26067

* Update snapshots

* Update UserInfo snapshot

* Update HTMLExport snapshot

* Fixes avatar placeholder font

Fixes https://github.com/vector-im/element-web/issues/26061

test/components/views/rooms/__snapshots__/PinnedEventTile-test.tsx.snap

@@ -12,6 +12,7 @@ exports[`<PinnedEventTile /> should render pinned event 1`] = `
       data-type="round"
       role="presentation"
       style="--cpd-avatar-size: 24px;"
+      title=""
     >
       a
     </span>

test/components/views/rooms/__snapshots__/RoomPreviewBar-test.tsx.snap

@@ -29,6 +29,7 @@ exports[`<RoomPreviewBar /> message case AskToJoin renders the corresponding mes
       data-type="round"
       role="presentation"
       style="--cpd-avatar-size: 36px;"
+      title=""
     >
       R
     </span>
@@ -54,6 +55,7 @@ exports[`<RoomPreviewBar /> message case AskToJoin renders the corresponding mes
       data-type="round"
       role="presentation"
       style="--cpd-avatar-size: 36px;"
+      title=""
     >
       ?
     </span>
@@ -220,6 +222,7 @@ exports[`<RoomPreviewBar /> with an invite with an invited email when client has
       data-type="round"
       role="presentation"
       style="--cpd-avatar-size: 36px;"
+      title=""
     >
       R
     </span>
@@ -278,6 +281,7 @@ exports[`<RoomPreviewBar /> with an invite without an invited email for a dm roo
       data-type="round"
       role="presentation"
       style="--cpd-avatar-size: 36px;"
+      title=""
     >
       R
     </span>
@@ -343,6 +347,7 @@ exports[`<RoomPreviewBar /> with an invite without an invited email for a non-dm
       data-type="round"
       role="presentation"
       style="--cpd-avatar-size: 36px;"
+      title=""
     >
       R
     </span>

test/components/views/rooms/__snapshots__/RoomTile-test.tsx.snap

@@ -20,6 +20,7 @@ exports[`RoomTile when message previews are enabled and there is a message in a
         data-type="round"
         role="presentation"
         style="--cpd-avatar-size: 32px;"
+        title=""
       >
         !
       </span>
@@ -94,6 +95,7 @@ exports[`RoomTile when message previews are enabled and there is a message in th
         data-type="round"
         role="presentation"
         style="--cpd-avatar-size: 32px;"
+        title=""
       >
         !
       </span>
@@ -168,6 +170,7 @@ exports[`RoomTile when message previews are enabled should render a room without
         data-type="round"
         role="presentation"
         style="--cpd-avatar-size: 32px;"
+        title=""
       >
         !
       </span>
@@ -230,6 +233,7 @@ exports[`RoomTile when message previews are not enabled should render the room 1
         data-type="round"
         role="presentation"
         style="--cpd-avatar-size: 32px;"
+        title=""
       >
         !
       </span>