servicelist above the mainpage and wrapper for servicelist

src/qml/presenter/MainWindow.qml

@@ -63,6 +63,7 @@ Controls.Page {
                 id: leftDock
                 Controls.SplitView.preferredWidth: 200
                 Controls.SplitView.maximumWidth: 300
+                z: 1
             }
             
             Item {

src/qml/presenter/ServiceList.qml

@@ -11,12 +11,19 @@ import org.kde.kirigami 2.13 as Kirigami
 import "./" as Presenter
 import org.presenter 1.0
 
-ColumnLayout {
+Item {
     id: root
-
     property var selectedItem: serviceItemList.selected
     property var hlItem 
 
+    Rectangle {
+        id: background
+        color: Kirigami.Theme.backgroundColor
+        anchors.fill: parent
+        ColumnLayout {
+            id: layout
+            anchors.fill: parent
+
             Rectangle {
                 id: headerBackground
                 color: Kirigami.Theme.backgroundColor
@@ -401,6 +408,8 @@ ColumnLayout {
                 ]
             }
 
+        }
+    }
     Component.onCompleted: {
         totalServiceItems = serviceItemList.count;
         print("THE TOTAL SERVICE ITEMS: " + totalServiceItems);