Improve Kirigami

imports/Spectral/Dialog/RoomSettingsDialog.qml

@@ -1,6 +1,7 @@
 import QtQuick 2.12
 import QtQuick.Controls 2.12
 import QtQuick.Layouts 1.12
+import org.kde.kirigami 2.13 as Kirigami
 
 import Spectral.Component 2.0
 import Spectral.Effect 2.0
@@ -30,13 +31,13 @@ Dialog {
 
             spacing: 16
 
-            Avatar {
+            Kirigami.Avatar {
                 Layout.preferredWidth: 72
                 Layout.preferredHeight: 72
                 Layout.alignment: Qt.AlignTop
 
-                hint: room.displayName
-                source: room.avatarMediaId
+                name: room.displayName
+                source: room.avatarMediaId ? "image://mxc/" + room.avatarMediaId : ""
 
                 RippleEffect {
                     anchors.fill: parent