Coherence: one component per idea, one spelling per word, one truth per claim

Claude-Session: https://claude.ai/code/session_01Ms2FbjQy31TVf3CEvQhGM8

config/dot/quickshell/modules/settings/MyHomePage.qml

@@ -111,15 +111,9 @@ SettingsPage {
                     width: parent.width
                     spacing: 8
 
-                    Text {
+                    SectionLabel {
                         visible: String(roomSection.modelData.name ?? "") !== ""
-                        text: String(roomSection.modelData.name ?? "").toUpperCase()
-                        color: Theme.fgMuted
-                        font.family: Theme.fontFamily
-                        font.pixelSize: Theme.fontSizeSmall
-                        font.weight: Font.DemiBold
-                        font.letterSpacing: 0.8
-                        topPadding: 6
+                        text: String(roomSection.modelData.name ?? "")
                     }
 
                     Grid {
@@ -382,15 +376,10 @@ SettingsPage {
             }
         }
 
-        Text {
-            width: parent.width
-            visible: HomeAssistantConfig.lastError !== ""
-            text: HomeAssistantConfig.lastError
-            color: Theme.danger
-            font.family: Theme.fontFamily
-            font.pixelSize: Theme.fontSizeSmall
-            wrapMode: Text.WordWrap
-            bottomPadding: 9
+        ErrorRow {
+            label: "Home Assistant needs attention"
+            message: HomeAssistantConfig.lastError
+            divider: true
         }
 
         SettingRow {
@@ -432,7 +421,7 @@ SettingsPage {
 
         SettingRow {
             label: "Light catalog"
-            detail: "Light state is read through the Home Assistant helper."
+            detail: "Light state is read through the Home Assistant helper"
             divider: false
             controlWidth: 176