refactor(ChatLayout): use StatusQ layout component to lay out view

These changes don't cause a visual change, but just make use of the
two panel layout component providedby StatusQ.

Closes #2688

ui/app/AppLayouts/Chat/ChatLayout.qml

@@ -7,9 +7,10 @@ import "../../../shared/status"
 import "."
 import "components"
 
-SplitView {
+import StatusQ.Layout 0.1
+
+StatusAppTwoPanelLayout {
     id: chatView
-    handle: SplitViewHandle {}
 
     property alias chatColumn: chatColumn
     property bool stickersLoaded: false
@@ -27,12 +28,19 @@ SplitView {
         chatColumn.onActivated()
     }
 
-    Loader {
+    leftPanel: Loader {
         id: contactColumnLoader
-        SplitView.preferredWidth: Style.current.leftTabPreferredSize
+        anchors.fill: parent
+        anchors.horizontalCenter: parent.horizontalCenter
         sourceComponent: appSettings.communitiesEnabled && chatsModel.communities.activeCommunity.active ? communtiyColumnComponent : contactsColumnComponent
     }
 
+    rightPanel: ChatColumn {
+        id: chatColumn
+        anchors.fill: parent
+        chatGroupsListViewCount: contactColumnLoader.item.chatGroupsListViewCount
+    }
+
     Component {
         id: contactsColumnComponent
         ContactsColumn {
@@ -53,11 +61,6 @@ SplitView {
         }
     }
 
-    ChatColumn {
-        id: chatColumn
-        chatGroupsListViewCount: contactColumnLoader.item.chatGroupsListViewCount
-    }
-
     Component {
         id: statusStickerPackClickPopup
         StatusStickerPackClickPopup{