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/avatars/MemberAvatar-test.tsx

@@ -36,7 +36,7 @@ describe("MemberAvatar", () => {
     function getComponent(props: Partial<ComponentProps<typeof MemberAvatar>>) {
         return (
             <RoomContext.Provider value={getRoomContext(room, {})}>
-                <MemberAvatar member={null} width={35} height={35} {...props} />
+                <MemberAvatar member={null} size="35px" {...props} />
             </RoomContext.Provider>
         );
     }