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/elements/__snapshots__/AppTile-test.tsx.snap

@@ -109,6 +109,7 @@ exports[`AppTile for a pinned widget should render 1`] = `
             data-testid="avatar-img"
             data-type="round"
             style="--cpd-avatar-size: 20px;"
+            title=""
           >
             <img
               alt=""
@@ -197,6 +198,7 @@ exports[`AppTile for a pinned widget should render permission request 1`] = `
             data-testid="avatar-img"
             data-type="round"
             style="--cpd-avatar-size: 20px;"
+            title=""
           >
             <img
               alt=""
@@ -277,6 +279,7 @@ exports[`AppTile for a pinned widget should render permission request 1`] = `
               data-type="round"
               role="presentation"
               style="--cpd-avatar-size: 38px;"
+              title=""
             >
               u
             </span>
@@ -352,6 +355,7 @@ exports[`AppTile preserves non-persisted widget on container move 1`] = `
                   data-testid="avatar-img"
                   data-type="round"
                   style="--cpd-avatar-size: 20px;"
+                  title=""
                 >
                   <img
                     alt=""

test/components/views/elements/__snapshots__/FacePile-test.tsx.snap

@@ -17,6 +17,7 @@ exports[`<FacePile /> renders with a tooltip 1`] = `
         data-type="round"
         role="presentation"
         style="--cpd-avatar-size: 36px;"
+        title=""
       >
         4
       </span>

test/components/views/elements/__snapshots__/Pill-test.tsx.snap

@@ -41,6 +41,7 @@ exports[`<Pill> should render the expected pill for @room 1`] = `
           data-type="round"
           role="presentation"
           style="--cpd-avatar-size: 16px;"
+          title=""
         >
           R
         </span>
@@ -72,6 +73,7 @@ exports[`<Pill> should render the expected pill for a known user not in the room
           data-type="round"
           role="presentation"
           style="--cpd-avatar-size: 16px;"
+          title=""
         >
           U
         </span>
@@ -103,6 +105,7 @@ exports[`<Pill> should render the expected pill for a message in another room 1`
           data-type="round"
           role="presentation"
           style="--cpd-avatar-size: 16px;"
+          title=""
         >
           R
         </span>
@@ -134,6 +137,7 @@ exports[`<Pill> should render the expected pill for a message in the same room 1
           data-type="round"
           role="presentation"
           style="--cpd-avatar-size: 16px;"
+          title=""
         >
           U
         </span>
@@ -165,6 +169,7 @@ exports[`<Pill> should render the expected pill for a room alias 1`] = `
           data-type="round"
           role="presentation"
           style="--cpd-avatar-size: 16px;"
+          title=""
         >
           R
         </span>
@@ -196,6 +201,7 @@ exports[`<Pill> should render the expected pill for a space 1`] = `
           data-type="round"
           role="presentation"
           style="--cpd-avatar-size: 16px;"
+          title=""
         >
           S
         </span>
@@ -250,6 +256,7 @@ exports[`<Pill> when rendering a pill for a room should render the expected pill
           data-type="round"
           role="presentation"
           style="--cpd-avatar-size: 16px;"
+          title=""
         >
           R
         </span>
@@ -281,6 +288,7 @@ exports[`<Pill> when rendering a pill for a user in the room should render as ex
           data-type="round"
           role="presentation"
           style="--cpd-avatar-size: 16px;"
+          title=""
         >
           U
         </span>