Update menu layout in home and project window

Author: CrSjimo

src/libs/application/uishell/src/qml/HomeWindow.qml

@@ -128,10 +128,12 @@ Window {
         }
         MenuBar {
             id: menuBar
-            parent: window.isMacOS ? window.contentItem : titleBarArea
+            parent: window.isMacOS ? window.contentItem : !windowAgent.framelessSetup ? menuBarArea : titleBarArea
             anchors.left: parent.left
             anchors.top: parent.top
             anchors.topMargin: activeFocus || menus.some(menu => menu.visible) || children.some(item => item.activeFocus) ? 0 : -height
+            topPadding: windowAgent.framelessSetup ? 4 : 0
+            bottomPadding: windowAgent.framelessSetup ? 4 : 0
             ThemedItem.backgroundLevel: SVS.BL_Quaternary
             Behavior on anchors.topMargin {
                 id: topMarginBehavior
@@ -179,9 +181,21 @@ Window {
         }
     }
 
+    Item {
+        id: menuBarArea
+        visible: !window.isMacOS && !windowAgent.framelessSetup
+        width: parent.width
+        height: menuBar.y + menuBar.height
+        Rectangle {
+            anchors.fill: parent
+            color: Theme.backgroundQuaternaryColor
+        }
+    }
+
     RowLayout {
         spacing: 0
         anchors.fill: parent
+        anchors.topMargin: menuBarArea.visible ? menuBarArea.height : 0
         Pane {
             id: nav
             padding: 6

src/libs/application/uishell/src/qml/ProjectWindow.qml

@@ -245,7 +245,7 @@ Window {
             Layout.fillWidth: true
             color: Theme.backgroundPrimaryColor
             visible: !window.isMacOS && (!windowAgent.framelessSetup || window.useSeparatedMenu) && menuBar.height !== 0
-            implicitHeight: menuBar.visualVisible ? 24 : 0
+            Layout.preferredHeight: menuBar.visualVisible ? 24 : 0
             // FIXME remove spacing when visual invisible
         }
         PaneSeparator {