make sure the top toolbar always matches with header area

sidebar/package/contents/ui/CategoriesPage.qml

@@ -32,6 +32,8 @@ Kirigami.ScrollablePage {
         bottomPadding: Kirigami.Units.smallSpacing
         leftPadding: Kirigami.Units.smallSpacing
         rightPadding: Kirigami.Units.smallSpacing
+        //slightly hacky to be sure to always match with the kcm area
+        preferredHeight: menuButton.implicitHeight + topPadding + bottomPadding
 
         Binding {
             target: systemsettings
@@ -40,6 +42,7 @@ Kirigami.ScrollablePage {
         }
 
         contentItem: RowLayout {
+            id: toolBarLayout
             anchors.fill: parent
             spacing: Kirigami.Units.smallSpacing
 

sidebar/package/contents/ui/SubCategoryPage.qml

@@ -32,6 +32,7 @@ Kirigami.ScrollablePage {
         bottomPadding: Kirigami.Units.smallSpacing
         leftPadding: Kirigami.Units.smallSpacing
         rightPadding: Kirigami.Units.smallSpacing
+        preferredHeight: toolBarLayout.implicitHeight + topPadding + bottomPadding
 
         background: MouseArea {
             anchors.fill: parent
@@ -40,6 +41,7 @@ Kirigami.ScrollablePage {
         }
 
         contentItem: RowLayout {
+            id: toolBarLayout
             anchors.fill: parent
             spacing: Kirigami.Units.smallSpacing