Add syncing indicator to AccountsBar accounts

src/gui/Base/HButtonContent.qml

@@ -51,12 +51,11 @@ HRowLayout {
             width: height
             height: parent.height
             opacity: button.loading ? 1 : 0
+
             active: opacity > 0
+            sourceComponent: HBusyIndicator {}
 
             Behavior on opacity { HNumberAnimation {} }
-
-            sourceComponent: HBusyIndicator {
-            }
         }
     }
 

src/gui/MainPane/AccountsBar.qml

@@ -53,6 +53,7 @@ HColumnLayout {
             rightPadding: leftPadding
 
             contentItem: Item {
+                id: tileContent
                 implicitHeight: avatar.height
 
                 HUserAvatar {
@@ -76,6 +77,24 @@ HColumnLayout {
                     unreads: model.total_unread
                     mentions: model.total_mentions
                 }
+
+                HLoader {
+                    anchors.fill: parent
+                    opacity: model.first_sync_done ? 0 : 1
+
+                    active: opacity > 0
+                    sourceComponent: Rectangle {
+                        color: utils.hsluv(0, 0, 0, 0.5)
+
+                        HBusyIndicator {
+                            anchors.centerIn: parent
+                            width: tileContent.width / 2
+                            height: width
+                        }
+                    }
+
+                    Behavior on opacity { HNumberAnimation {} }
+                }
             }
 
             contextMenu: AccountContextMenu { userId: model.id }