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

src/components/views/dialogs/ServerOfflineDialog.tsx

@@ -53,7 +53,7 @@ export default class ServerOfflineDialog extends React.PureComponent<IProps> {
                 throw new Error("Cannot render unknown context: " + c.constructor.name);
             const header = (
                 <div className="mx_ServerOfflineDialog_content_context_timeline_header">
-                    <RoomAvatar width={24} height={24} room={c.room} />
+                    <RoomAvatar size="24px" room={c.room} />
                     <span>{c.room.name}</span>
                 </div>
             );