NImageRounded/Circled: removed shaders and used a simpler ClippingWrapperRectangle

Modules/Panels/Settings/Bar/WidgetSettings/ControlCenterSettings.qml

@@ -59,10 +59,11 @@ ColumnLayout {
       description: I18n.tr("bar.widget-settings.control-center.icon.description")
     }
 
-    NImageCircled {
+    NImageRounded {
       Layout.preferredWidth: Style.fontSizeXL * 2
       Layout.preferredHeight: Style.fontSizeXL * 2
       Layout.alignment: Qt.AlignVCenter
+      radius: width * 0.5
       imagePath: valueCustomIconPath
       visible: valueCustomIconPath !== ""
     }

Modules/Panels/Settings/Tabs/AboutTab.qml

@@ -189,10 +189,11 @@ ColumnLayout {
           Layout.preferredWidth: Style.baseWidgetSize * 2 * Style.uiScaleRatio
           Layout.preferredHeight: Style.baseWidgetSize * 2 * Style.uiScaleRatio
 
-          NImageCircled {
-            imagePath: modelData.avatar_url || ""
+          NImageRounded {
             anchors.fill: parent
             anchors.margins: Style.marginXS
+            radius: width * 0.5
+            imagePath: modelData.avatar_url || ""
             fallbackIcon: "person"
             borderColor: contributorArea.containsMouse ? Color.mOnHover : Color.mPrimary
             borderWidth: Style.borderM

Modules/Panels/Settings/Tabs/GeneralTab.qml

@@ -21,9 +21,10 @@ ColumnLayout {
     spacing: Style.marginL
 
     // Avatar preview
-    NImageCircled {
+    NImageRounded {
       Layout.preferredWidth: 88 * Style.uiScaleRatio
       Layout.preferredHeight: width
+      radius: width * 0.5
       imagePath: Settings.preprocessPath(Settings.data.general.avatarImage)
       fallbackIcon: "person"
       borderColor: Color.mPrimary