qml: allow to configure when to show the header text in header control

Author: jarolrod

src/qml/controls/Header.qml

@@ -10,6 +10,7 @@ ColumnLayout {
     id: root
     property bool center: true
     required property string header
+    property bool showHeader: true
     property int headerMargin
     property int headerSize: 28
     property bool headerBold: false
@@ -26,27 +27,32 @@ ColumnLayout {
     property bool wrap: true
 
     spacing: 0
-    Label {
+    Loader {
         Layout.fillWidth: true
-        topPadding: root.headerMargin
-        font.family: "Inter"
-        font.styleName: root.headerBold ? "Semi Bold" : "Regular"
-        font.pixelSize: root.headerSize
-        color: root.headerColor
-        text: root.header
-        horizontalAlignment: center ? Text.AlignHCenter : Text.AlignLeft
-        wrapMode: wrap ? Text.WordWrap : Text.NoWrap
+        active: root.showHeader && root.header.length > 0
+        visible: active
+        sourceComponent: Label {
+            Layout.fillWidth: true
+            topPadding: root.headerMargin
+            font.family: "Inter"
+            font.styleName: root.headerBold ? "Semi Bold" : "Regular"
+            font.pixelSize: root.headerSize
+            color: root.headerColor
+            text: root.header
+            horizontalAlignment: center ? Text.AlignHCenter : Text.AlignLeft
+            wrapMode: wrap ? Text.WordWrap : Text.NoWrap
 
-        Behavior on color {
-            ColorAnimation { duration: 150 }
+            Behavior on color {
+                ColorAnimation { duration: 150 }
+            }
         }
     }
     Loader {
         Layout.fillWidth: true
         active: root.description.length > 0
         visible: active
         sourceComponent: Label {
-            topPadding: root.descriptionMargin
+            topPadding: showHeader ? root.descriptionMargin : root.headerMargin
             font.family: "Inter"
             font.styleName: root.descriptionBold ? "Semi Bold" : "Regular"
             font.pixelSize: root.descriptionSize

src/qml/controls/InformationPage.qml

@@ -25,6 +25,7 @@ Page {
     property bool center: true
     property int bannerMargin: 20
     required property string headerText
+    property bool showHeader: true
     property int headerMargin: 30
     property int headerSize: 28
     property string description: ""
@@ -70,6 +71,7 @@ Page {
                 headerBold: root.bold
                 center: root.center
                 header: root.headerText
+                showHeader: root.showHeader
                 headerMargin: root.headerMargin
                 headerSize: root.headerSize
                 description: root.description