Change avatar to use Compound implementation (#11448)

* Move avatar to new compound implementation

* Make space avatars square

* Remove reference to the avatar initial CSS class

* remove references to mx_BaseAvatar_image

* Fixe test suites

* Fix accessbility violations

* Add ConfirmUserActionDialog test

* Fix tests

* Add FacePile test

* Fix items clipping in members list

* Fix user info avatar sizing

* Fix tests

res/css/views/avatars/_DecoratedRoomAvatar.pcss

@@ -18,6 +18,7 @@ limitations under the License.
 .mx_ExtraTile {
     position: relative;
     contain: content;
+    line-height: 1;
 
     &.mx_DecoratedRoomAvatar_cutout .mx_BaseAvatar {
         mask-image: url("$(res)/img/element-icons/roomlist/decorated-avatar-mask.svg");
@@ -29,9 +30,9 @@ limitations under the License.
     .mx_DecoratedRoomAvatar_icon {
         position: absolute;
         /* the following percentage based sizings are to match the scalable svg mask for the cutout */
-        bottom: -6.25%;
-        right: -6.25%;
-        margin: 12.5%;
+        bottom: 0;
+        right: 0;
+        transform: translate(-25%, -70%);
         width: 25%;
         height: 25%;
         border-radius: 50%;