chatview: fix issue with layout stacking

When the conversationview was resized horizontally to be small enough
so that only one pane is visible, the chatview header and footer would be visible, but clicking them would interact with the objects of
the pane below (the left side panel)

GitLab: #1868

Change-Id: Ic1fac91ef30fcc3078223e1705f10c8a112c2091

src/app/mainview/components/ChatView.qml

@@ -27,6 +27,14 @@ import "../js/pluginhandlerpickercreation.js" as PluginHandlerPickerCreation
 Rectangle {
     id: root
 
+    // HACK: Added to capture the mouse when the layouts start stacking.
+    // The header and footer we're unable to be interacted with otherwise.
+    MouseArea {
+        anchors.fill: parent
+        propagateComposedEvents: false
+        enabled: viewCoordinator.isInSinglePaneMode
+    }
+
     // An enum to make the details panels more readable.
     enum ExtrasPanel {
         SwarmDetailsPanel,