Settings ui: better label/description managment via NLabel (wip)

Widgets/NComboBox.qml

@@ -22,21 +22,9 @@ ColumnLayout {
   spacing: Style.marginS * scaling
   Layout.fillWidth: true
 
-  ColumnLayout {
-    spacing: Style.marginXXS * scaling
-    Layout.fillWidth: true
-    NText {
-      text: label
-      font.pointSize: Style.fontSizeM * scaling
-      font.weight: Style.fontWeightBold
-      color: Color.mOnSurface
-    }
-    NText {
-      text: description
-      font.pointSize: Style.fontSizeXS * scaling
-      color: Color.mOnSurface
-      wrapMode: Text.WordWrap
-    }
+  NLabel {
+    label: root.label
+    description: root.description
   }
 
   function findIndexByKey(key) {

Widgets/NLabel.qml

@@ -0,0 +1,25 @@
+import QtQuick
+import QtQuick.Layouts
+import qs.Commons
+
+ColumnLayout {
+  property string label: ""
+  property string description: ""
+
+  spacing: Style.marginXXS * scaling
+  Layout.fillWidth: true
+
+  NText {
+    text: label
+    font.pointSize: Style.fontSizeM * scaling
+    font.weight: Style.fontWeightBold
+    color: Color.mOnSurface
+  }
+
+  NText {
+    text: description
+    font.pointSize: Style.fontSizeS * scaling
+    color: Color.mOnSurfaceVariant
+    wrapMode: Text.WordWrap
+  }
+}

Widgets/NTextInput.qml

@@ -25,19 +25,9 @@ Item {
     spacing: Style.marginXXS * scaling
     Layout.fillWidth: true
 
-    NText {
-      text: label
-      font.pointSize: Style.fontSizeM * scaling
-      font.weight: Style.fontWeightBold
-      color: Color.mOnSurface
-    }
-
-    NText {
-      text: description
-      font.pointSize: Style.fontSizeXS * scaling
-      color: Color.mOnSurface
-      wrapMode: Text.WordWrap
-      Layout.fillWidth: true
+    NLabel {
+      label: root.label
+      description: root.description
     }
 
     // Container