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

test/components/views/location/LocationViewDialog-test.tsx

@@ -50,6 +50,6 @@ describe("<LocationViewDialog />", () => {
         // @ts-ignore cheat assignment to property
         selfShareEvent.sender = member;
         const { container } = getComponent({ mxEvent: selfShareEvent });
-        expect(container.querySelector(".mx_BaseAvatar_image")?.getAttribute("title")).toEqual(userId);
+        expect(container.querySelector(".mx_BaseAvatar")?.getAttribute("title")).toEqual(userId);
     });
 });