Settings rework...

Components/Avatar.qml

@@ -0,0 +1,51 @@
+import QtQuick
+import Quickshell
+import Quickshell.Widgets
+import qs.Settings
+import QtQuick.Effects
+
+Item {
+    anchors.fill: parent
+    anchors.margins: 2
+
+    Image {
+        id: avatarImage
+        anchors.fill: parent
+        source: "file://" + Settings.settings.profileImage
+        visible: false
+        mipmap: true
+        smooth: true
+        asynchronous: true
+        fillMode: Image.PreserveAspectCrop
+    }
+
+    MultiEffect {
+        anchors.fill: parent
+        source: avatarImage
+        maskEnabled: true
+        maskSource: mask
+        visible: Settings.settings.profileImage !== ""
+    }
+
+    Item {
+        id: mask
+        anchors.fill: parent
+        layer.enabled: true
+        visible: false
+        Rectangle {
+            anchors.fill: parent
+            radius: avatarImage.width / 2
+        }
+    }
+
+    // Fallback icon
+    Text {
+        anchors.centerIn: parent
+        text: "person"
+        font.family: "Material Symbols Outlined"
+        font.pixelSize: 24
+        color: Theme.onAccent
+        visible: Settings.settings.profileImage === undefined || Settings.settings.profileImage === ""
+        z: 0
+    }
+}