Improve circular back button

- The back button used in several views was not circular anymore on macOS 26.1. Now fixed
- Added label to button instead of just an image for accessibility

Author: jordywitteman

src/Support.xcodeproj/project.pbxproj

@@ -87,6 +87,7 @@
 		498DB7F22E5D113A00DDC33B /* AppModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 498DB7F12E5D113A00DDC33B /* AppModel.swift */; };
 		498DB8412E5E49D700DDC33B /* LocalPreferences.swift in Sources */ = {isa = PBXBuildFile; fileRef = 498DB8402E5E49D700DDC33B /* LocalPreferences.swift */; };
 		498DB8432E5EE13A00DDC33B /* ConfiguratorSettingsView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 498DB8422E5EE13A00DDC33B /* ConfiguratorSettingsView.swift */; };
+		499CC4672EBBA24D00ED16EC /* BackButton.swift in Sources */ = {isa = PBXBuildFile; fileRef = 499CC4662EBBA24D00ED16EC /* BackButton.swift */; };
 		499F56732AE0832100CBDE73 /* AppCatalogSubview.swift in Sources */ = {isa = PBXBuildFile; fileRef = 499F56722AE0832100CBDE73 /* AppCatalogSubview.swift */; };
 		499F56752AE47A3900CBDE73 /* AppUpdatesView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 499F56742AE47A3900CBDE73 /* AppUpdatesView.swift */; };
 		499F56782AE47BE800CBDE73 /* InstalledAppItem.swift in Sources */ = {isa = PBXBuildFile; fileRef = 499F56772AE47BE800CBDE73 /* InstalledAppItem.swift */; };
@@ -251,6 +252,7 @@
 		498DB7F12E5D113A00DDC33B /* AppModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppModel.swift; sourceTree = "<group>"; };
 		498DB8402E5E49D700DDC33B /* LocalPreferences.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = LocalPreferences.swift; sourceTree = "<group>"; };
 		498DB8422E5EE13A00DDC33B /* ConfiguratorSettingsView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ConfiguratorSettingsView.swift; sourceTree = "<group>"; };
+		499CC4662EBBA24D00ED16EC /* BackButton.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = BackButton.swift; sourceTree = "<group>"; };
 		499F56722AE0832100CBDE73 /* AppCatalogSubview.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppCatalogSubview.swift; sourceTree = "<group>"; };
 		499F56742AE47A3900CBDE73 /* AppUpdatesView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppUpdatesView.swift; sourceTree = "<group>"; };
 		499F56772AE47BE800CBDE73 /* InstalledAppItem.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = InstalledAppItem.swift; sourceTree = "<group>"; };
@@ -336,6 +338,7 @@
 				49CB03B02E663F8200D0016D /* LegacyContentView.swift */,
 				490B27972E8D49C700DE50E0 /* RemoveItemButtonView.swift */,
 				491ECC592DAC5BEB00B88732 /* ItemConfigurationView.swift */,
+				499CC4662EBBA24D00ED16EC /* BackButton.swift */,
 				4915291B259CD38800056B5F /* EffectsView.swift */,
 				4915290C259CCF7A00056B5F /* NotificationBadgeView.swift */,
 				0A24AB432624CABB004208C4 /* NotificationBadgeTextView.swift */,
@@ -761,6 +764,7 @@
 				0A4A7388260208B500927DAB /* UptimeSubview.swift in Sources */,
 				491ECC5A2DAC5BEB00B88732 /* ItemConfigurationView.swift in Sources */,
 				498DB8432E5EE13A00DDC33B /* ConfiguratorSettingsView.swift in Sources */,
+				499CC4672EBBA24D00ED16EC /* BackButton.swift in Sources */,
 				49BF03FC2BC0BE3A00AB7152 /* FileUtilities.swift in Sources */,
 				49822CE324B4C3F100E8DE54 /* AppDelegate.swift in Sources */,
 				4934C79A2B99317000268CE2 /* SoftwareUpdateDeclarationModel.swift in Sources */,

src/Support/Views/AppCatalog/AppUpdatesView.swift

@@ -58,18 +58,7 @@ struct AppUpdatesView: View {
                 Button(action: {
                     appCatalogController.showAppUpdates.toggle()
                 }) {
-                    if #available(macOS 26, *) {
-                        Image(systemName: "chevron.backward")
-                            .font(.system(size: 16))
-                            .padding(4)
-                    } else {
-                        Ellipse()
-                            .foregroundColor(colorScheme == .dark ? .white.opacity(0.2) : .black.opacity(0.1))
-                            .overlay(
-                                Image(systemName: "chevron.backward")
-                            )
-                            .frame(width: 26, height: 26)
-                    }
+                    BackButton()
                 }
                 .modify {
                     if #available(macOS 26, *) {

src/Support/Views/BackButton.swift

@@ -0,0 +1,36 @@
+//
+//  BackButton.swift
+//  Support
+//
+//  Created by Jordy Witteman on 05/11/2025.
+//
+
+import SwiftUI
+
+struct BackButton: View {
+    
+    // Dark Mode detection
+    @Environment(\.colorScheme) var colorScheme
+    
+    var body: some View {
+        if #available(macOS 26, *) {
+            Label(NSLocalizedString("BACK", comment: ""), systemImage: "chevron.backward")
+                .labelStyle(.iconOnly)
+                .font(.system(size: 12))
+                .frame(width: 12, height: 12)
+                .padding(4)
+        } else {
+            Ellipse()
+                .foregroundColor(colorScheme == .dark ? .white.opacity(0.2) : .black.opacity(0.1))
+                .overlay(
+                    Image(systemName: "chevron.backward")
+                )
+                .frame(width: 26, height: 26)
+                .accessibilityLabel(NSLocalizedString("BACK", comment: ""))
+        }
+    }
+}
+
+#Preview {
+    BackButton()
+}

src/Support/Views/ItemConfigurationView.swift

@@ -90,18 +90,7 @@ struct ItemConfigurationView: View {
                 Button(action: {
                     preferences.showItemConfiguration = false
                 }) {
-                    if #available(macOS 26, *) {
-                        Image(systemName: "chevron.backward")
-                            .font(.system(size: 16))
-                            .padding(4)
-                    } else {
-                        Ellipse()
-                            .foregroundColor(colorScheme == .dark ? .white.opacity(0.2) : .black.opacity(0.1))
-                            .overlay(
-                                Image(systemName: "chevron.backward")
-                            )
-                            .frame(width: 26, height: 26)
-                    }
+                    BackButton()
                 }
                 .modify {
                     if #available(macOS 26, *) {

src/Support/Views/UpdateView.swift

@@ -56,18 +56,7 @@ struct UpdateView: View {
                 Button(action: {
                     computerinfo.showMacosUpdates.toggle()
                 }) {
-                    if #available(macOS 26, *) {
-                        Image(systemName: "chevron.backward")
-                            .font(.system(size: 16))
-                            .padding(4)
-                    } else {
-                        Ellipse()
-                            .foregroundColor(colorScheme == .dark ? .white.opacity(0.2) : .black.opacity(0.1))
-                            .overlay(
-                                Image(systemName: "chevron.backward")
-                            )
-                            .frame(width: 26, height: 26)
-                    }
+                    BackButton()
                 }
                 .modify {
                     if #available(macOS 26, *) {

src/Support/Views/UptimeAlertView.swift

@@ -64,18 +64,7 @@ struct UptimeAlertView: View {
                 Button(action: {
                     computerinfo.showUptimeAlert.toggle()
                 }) {
-                    if #available(macOS 26, *) {
-                        Image(systemName: "chevron.backward")
-                            .font(.system(size: 16))
-                            .padding(4)
-                    } else {
-                        Ellipse()
-                            .foregroundColor(colorScheme == .dark ? .white.opacity(0.2) : .black.opacity(0.1))
-                            .overlay(
-                                Image(systemName: "chevron.backward")
-                            )
-                            .frame(width: 26, height: 26)
-                    }
+                    BackButton()
                 }
                 .modify {
                     if #available(macOS 26, *) {

src/Support/de.lproj/Localizable.strings

@@ -80,3 +80,4 @@
 "ITEM_TYPE" = "Item type";
 "STORAGE" = "Storage";
 "NETWORK_IP_ADDRESS" = "Network IP Address";
+"BACK" = "Zurück";

src/Support/en.lproj/Localizable.strings

@@ -80,3 +80,4 @@
 "ITEM_TYPE" = "Item type";
 "STORAGE" = "Storage";
 "NETWORK_IP_ADDRESS" = "Network IP Address";
+"BACK" = "Back";

src/Support/es.lproj/Localizable.strings

@@ -80,3 +80,4 @@
 "ITEM_TYPE" = "Item type";
 "STORAGE" = "Storage";
 "NETWORK_IP_ADDRESS" = "Network IP Address";
+"BACK" = "Atrás";

src/Support/fr.lproj/Localizable.strings

@@ -80,3 +80,4 @@
 "ITEM_TYPE" = "Item type";
 "STORAGE" = "Storage";
 "NETWORK_IP_ADDRESS" = "Network IP Address";
+"BACK" = "Retour";