Use H*Layout totalSpacing wherever possible

TODO.md

@@ -1,5 +1,4 @@
 - Refactoring
-  - Use totalSpacing everywhere
   - Migrate more JS functions to their own files / Implement in Python instead
   - Don't bake in size properties for components
 
@@ -49,7 +48,6 @@
   - Push instead of replacing in stack view
   - Make links in room subtitle clickable, formatting?
   - `<pre>` scrollbar on overflow
-  - Use Loader? for MessageDelegate to show sub-components based on condition
   - Handle cases where an avatar char is # or @ (#alias room, @user\_id)
   - Proper logoff when closing client
   - When inviting someone to direct chat, room is "Empty room" until accepted,

harmonyqml/components/Chat/Banners/Banner.qml

@@ -45,7 +45,6 @@ Base.HGlassRectangle {
 
         Base.HRowLayout {
             id: bannerButtons
-            spacing: 0
 
             function getButtonsWidth() {
                 var total = 0

harmonyqml/components/Chat/Chat.qml

@@ -1,10 +1,11 @@
 import QtQuick 2.7
 import QtQuick.Controls 2.2
 import QtQuick.Layouts 1.4
+import "../Base" as Base
 import "Banners"
 import "RoomEventList"
 
-ColumnLayout {
+Base.HColumnLayout {
     property string userId: ""
     property string roomId: ""
 
@@ -16,7 +17,6 @@ ColumnLayout {
     Component.onCompleted: console.log("replaced")
 
     id: chatPage
-    spacing: 0
     onFocusChanged: sendBox.setFocus()
 
     RoomHeader {

harmonyqml/components/Chat/RoomEventList/EventContent.qml

@@ -4,7 +4,7 @@ import QtQuick.Layouts 1.4
 import "../../Base" as Base
 import "../utils.js" as ChatJS
 
-RowLayout {
+Base.HRowLayout {
     id: eventContent
     spacing: standardSpacing / 2
     layoutDirection: isOwn ? Qt.RightToLeft : Qt.LeftToRight

harmonyqml/components/Chat/RoomEventList/MessageContent.qml

@@ -10,7 +10,7 @@ Row {
 
     Base.HAvatar { id: avatar; hidden: combine; name: displayName }
 
-    ColumnLayout {
+    Base.HColumnLayout {
         spacing: 0
 
         Base.HLabel {
@@ -56,7 +56,7 @@ Row {
 
             Layout.minimumWidth: nameLabel.implicitWidth
             Layout.maximumWidth: Math.min(
-                600, roomEventListView.width - avatar.width - row.spacing
+                600, roomEventListView.width - avatar.width - row.totalSpacing
             )
         }
     }

harmonyqml/components/Chat/SendBox.qml

@@ -16,7 +16,6 @@ Base.HGlassRectangle {
 
     Base.HRowLayout {
         anchors.fill: parent
-        spacing: 0
 
         Base.HAvatar {
             id: avatar

harmonyqml/components/SidePane/PaneToolBar.qml

@@ -5,7 +5,6 @@ import "../Base" as Base
 
 Base.HRowLayout {
     id: toolBar
-    spacing: 0
 
     Layout.fillWidth: true
     Layout.preferredHeight: 32