NHeader: use label instead of title (matches NLabel)

Modules/SettingsPanel/Tabs/AudioTab.qml

@@ -10,7 +10,7 @@ ColumnLayout {
   id: root
 
   NHeader {
-    title: "Audio Settings"
+    label: "Audio Settings"
     description: "Configure system audio, devices, and media player preferences."
   }
 
@@ -164,7 +164,7 @@ ColumnLayout {
     spacing: Style.marginS * scaling
 
     NHeader {
-      title: "Audio Devices"
+      label: "Audio Devices"
     }
 
     // -------------------------------
@@ -236,7 +236,7 @@ ColumnLayout {
     spacing: Style.marginL * scaling
 
     NHeader {
-      title: "Media Player"
+      label: "Media Player"
     }
 
     // Preferred player
@@ -358,7 +358,7 @@ ColumnLayout {
     Layout.fillWidth: true
 
     NHeader {
-      title: "Audio Visualizer"
+      label: "Audio Visualizer"
     }
 
     // AudioService Visualizer section

Modules/SettingsPanel/Tabs/BarTab.qml

@@ -11,7 +11,7 @@ ColumnLayout {
   id: root
 
   NHeader {
-    title: "Bar Settings"
+    label: "Bar Settings"
     description: "Configure bar appearance, positioning, and monitor settings."
   }
 
@@ -86,7 +86,7 @@ ColumnLayout {
       Layout.fillWidth: true
 
       NHeader {
-        title: "Background Opacity"
+        label: "Background Opacity"
         description: "Adjust the background opacity of the bar."
       }
 
@@ -210,7 +210,7 @@ ColumnLayout {
     Layout.fillWidth: true
 
     NHeader {
-      title: "Monitor Configuration"
+      label: "Monitor Configuration"
       description: "Choose which monitors should display the bar."
     }
 
@@ -244,9 +244,8 @@ ColumnLayout {
     Layout.fillWidth: true
 
     NHeader {
-      title: "Widgets Positioning"
+      label: "Widgets Positioning"
       description: "Drag and drop widgets to reorder them within each section, or use the add/remove buttons to manage widgets."
-      bottomMargin: 0
     }
 
     // Bar Sections

Modules/SettingsPanel/Tabs/ColorSchemeTab.qml

@@ -11,7 +11,7 @@ ColumnLayout {
   spacing: 0
 
   NHeader {
-    title: "Color Schemes"
+    label: "Color Schemes"
     description: "Choose and customize color schemes for your interface."
   }
 
@@ -157,7 +157,7 @@ ColumnLayout {
     Layout.fillWidth: true
 
     NHeader {
-      title: "Predefined Color Schemes"
+      label: "Predefined Color Schemes"
       description: "To use these color schemes, you must turn off Matugen. With Matugen enabled, colors are automatically generated from your wallpaper."
     }
 

Modules/SettingsPanel/Tabs/DisplayTab.qml

@@ -219,11 +219,8 @@ ColumnLayout {
     spacing: Style.marginS * scaling
     Layout.fillWidth: true
 
-    NText {
-      text: "Brightness"
-      font.pointSize: Style.fontSizeXXL * scaling
-      font.weight: Style.fontWeightBold
-      color: Color.mSecondary
+    NHeader {
+      label: "Brightness"
     }
 
     // Brightness Step Section
@@ -258,19 +255,9 @@ ColumnLayout {
     spacing: Style.marginXS * scaling
     Layout.fillWidth: true
 
-    NText {
-      text: "Night Light"
-      font.pointSize: Style.fontSizeXXL * scaling
-      font.weight: Style.fontWeightBold
-      color: Color.mSecondary
-    }
-
-    NText {
-      text: "Reduce blue light emission to help you sleep better and reduce eye strain."
-      font.pointSize: Style.fontSizeM * scaling
-      color: Color.mOnSurfaceVariant
-      wrapMode: Text.WordWrap
-      Layout.fillWidth: true
+NHeader {
+      label: "Night Light"
+      description: "Reduce blue light emission to help you sleep better and reduce eye strain."
     }
   }
 

Modules/SettingsPanel/Tabs/DockTab.qml

@@ -12,7 +12,7 @@ ColumnLayout {
   width: root.width
 
   NHeader {
-    title: "Dock Settings"
+    label: "Dock Settings"
     description: "Configure dock behavior, appearance, and monitor settings."
   }
 
@@ -55,7 +55,7 @@ ColumnLayout {
     Layout.fillWidth: true
 
     NHeader {
-      title: "Monitor Configuration"
+      label: "Monitor Configuration"
       description: "Choose which monitors should display the dock."
     }
 
@@ -88,7 +88,7 @@ ColumnLayout {
     Layout.fillWidth: true
 
     NHeader {
-      title: "Background Opacity"
+      label: "Background Opacity"
       description: "Adjust the background opacity."
     }
 
@@ -123,7 +123,7 @@ ColumnLayout {
     Layout.fillWidth: true
 
     NHeader {
-      title: "Dock Floating Distance"
+      label: "Dock Floating Distance"
       description: "Adjust the floating distance from the screen edge."
     }
 

Modules/SettingsPanel/Tabs/GeneralTab.qml

@@ -10,7 +10,7 @@ ColumnLayout {
   id: root
 
   NHeader {
-    title: "Profile"
+    label: "Profile"
     description: "Configure your user profile and avatar settings."
   }
 
@@ -54,7 +54,7 @@ ColumnLayout {
     Layout.fillWidth: true
 
     NHeader {
-      title: "User Interface"
+      label: "User Interface"
     }
 
     NToggle {
@@ -135,7 +135,7 @@ ColumnLayout {
     spacing: Style.marginL * scaling
     Layout.fillWidth: true
     NHeader {
-      title: "Screen Corners"
+      label: "Screen Corners"
     }
 
     NToggle {
@@ -184,8 +184,9 @@ ColumnLayout {
   ColumnLayout {
     spacing: Style.marginL * scaling
     Layout.fillWidth: true
+    
     NHeader {
-      title: "Fonts"
+      label: "Fonts"
     }
 
     // Font configuration section

Modules/SettingsPanel/Tabs/HooksTab.qml

@@ -11,7 +11,7 @@ ColumnLayout {
   width: root.width
 
   NHeader {
-    title: "System Hooks"
+    label: "System Hooks"
     description: "Configure commands to be executed when system events occur."
   }
 

Modules/SettingsPanel/Tabs/LauncherTab.qml

@@ -9,7 +9,7 @@ ColumnLayout {
   id: root
 
   NHeader {
-    title: "Launcher Settings"
+    label: "Launcher Settings"
     description: "Configure the application launcher panel behavior and appearance."
   }
 

Modules/SettingsPanel/Tabs/NetworkTab.qml

@@ -12,7 +12,7 @@ ColumnLayout {
   spacing: Style.marginL * scaling
 
   NHeader {
-    title: "Network Settings"
+    label: "Network Settings"
     description: "Configure Wi-Fi and Bluetooth connectivity options."
   }
 

Modules/SettingsPanel/Tabs/NotificationTab.qml

@@ -28,7 +28,7 @@ ColumnLayout {
     Layout.fillWidth: true
 
     NHeader {
-      title: "General Settings"
+      label: "General Settings"
     }
 
     NToggle {
@@ -51,7 +51,7 @@ ColumnLayout {
     Layout.fillWidth: true
 
     NHeader {
-      title: "Monitor Configuration"
+      label: "Monitor Configuration"
       description: "Choose which monitors should display notifications."
     }
 
@@ -85,7 +85,7 @@ ColumnLayout {
     Layout.fillWidth: true
 
     NHeader {
-      title: "Notification Duration"
+      label: "Notification Duration"
       description: "Configure how long notifications stay visible based on their urgency level."
     }
 

Modules/SettingsPanel/Tabs/ScreenRecorderTab.qml

@@ -11,7 +11,7 @@ ColumnLayout {
   spacing: Style.marginL * scaling
 
   NHeader {
-    title: "Screen Recorder"
+    label: "Screen Recorder"
     description: "Configure screen recording settings and output options."
   }
 
@@ -59,7 +59,7 @@ ColumnLayout {
     Layout.fillWidth: true
 
     NHeader {
-      title: "Video Settings"
+      label: "Video Settings"
     }
 
     // Source
@@ -205,7 +205,7 @@ ColumnLayout {
     Layout.fillWidth: true
 
     NHeader {
-      title: "Audio Settings"
+      label: "Audio Settings"
     }
 
     // Audio Source

Modules/SettingsPanel/Tabs/WallpaperSelectorTab.qml

@@ -13,7 +13,7 @@ ColumnLayout {
   spacing: Style.marginL * scaling
 
   NHeader {
-    title: "Wallpaper Selector"
+    label: "Wallpaper Selector"
     description: "Browse and select wallpapers from your configured directory."
   }
 
@@ -48,7 +48,7 @@ ColumnLayout {
 
   // Current wallpaper display
   NHeader {
-    title: "Current Wallpaper"
+    label: "Current Wallpaper"
   }
 
   Rectangle {
@@ -83,7 +83,7 @@ ColumnLayout {
 
       // Wallpaper grid
       NHeader {
-        title: "Wallpaper Selector"
+        label: "Wallpaper Selector"
         description: "Click on a wallpaper to set it as your current wallpaper."
       }
     }

Modules/SettingsPanel/Tabs/WallpaperTab.qml

@@ -11,7 +11,7 @@ ColumnLayout {
   id: root
 
   NHeader {
-    title: "Wallpaper Management"
+    label: "Wallpaper Management"
     description: "Configure wallpaper settings, automation, and appearance options."
   }
 
@@ -95,7 +95,7 @@ ColumnLayout {
     Layout.fillWidth: true
 
     NHeader {
-      title: "Look & Feel"
+      label: "Look & Feel"
     }
 
     // Fill Mode
@@ -192,7 +192,7 @@ ColumnLayout {
     Layout.fillWidth: true
 
     NHeader {
-      title: "Automation"
+      label: "Automation"
     }
 
     // Random Wallpaper

Modules/SettingsPanel/Tabs/WeatherTab.qml

@@ -9,7 +9,7 @@ ColumnLayout {
   id: root
 
   NHeader {
-    title: "Weather & Location"
+    label: "Weather & Location"
     description: "Configure weather display and location settings."
   }
 
@@ -63,7 +63,7 @@ ColumnLayout {
     Layout.fillWidth: true
 
     NHeader {
-      title: "Weather"
+      label: "Weather"
     }
 
     NToggle {

Widgets/NHeader.qml

@@ -5,19 +5,17 @@ import qs.Commons
 ColumnLayout {
   id: root
 
-  property string title: ""
+  property string label: ""
   property string description: ""
-  property real bottomMargin: Style.marginL * scaling
 
   spacing: Style.marginXXS * scaling
   Layout.fillWidth: true
 
   NText {
-    text: root.title
+    text: root.label
     font.pointSize: Style.fontSizeXXL * scaling
     font.weight: Style.fontWeightBold
     color: Color.mSecondary
-    Layout.bottomMargin: Style.marginS * scaling
     visible: root.title !== ""
   }
 
@@ -27,7 +25,6 @@ ColumnLayout {
     color: Color.mOnSurfaceVariant
     wrapMode: Text.WordWrap
     Layout.fillWidth: true
-    Layout.bottomMargin: root.bottomMargin
     visible: root.description !== ""
   }
 }