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/dialogs/ForwardDialog-test.tsx

@@ -113,7 +113,7 @@ describe("ForwardDialog", () => {
         expect(screen.queryByText("Hello world!")).toBeInTheDocument();
 
         // We would just test SenderProfile for the user ID, but it's stubbed
-        const previewAvatar = container.querySelector(".mx_EventTile_avatar .mx_BaseAvatar_image");
+        const previewAvatar = container.querySelector(".mx_EventTile_avatar .mx_BaseAvatar");
         expect(previewAvatar?.getAttribute("title")).toBe("@bob:example.org");
     });