qml: Explicitly stop Skeleton Animation when not loading

Author: johnny9

src/qml/controls/Skeleton.qml

@@ -9,6 +9,7 @@ Rectangle {
     property color baseColor: Theme.color.neutral1
     property color highlightColor: Theme.color.neutral2
     property int shimmerDuration: 2500
+    property bool loading: true
 
     radius: 3
 
@@ -32,7 +33,7 @@ Rectangle {
     }
 
     ParallelAnimation  {
-        running: true
+        running: loading
         loops: Animation.Infinite
         NumberAnimation {
             target: stop1

src/qml/pages/wallet/WalletBadge.qml

@@ -43,6 +43,7 @@ Button {
             Skeleton {
                 Layout.preferredHeight: 30
                 Layout.preferredWidth: 30
+                loading: root.loading
             }
             ColumnLayout {
                 spacing: 2
@@ -52,11 +53,13 @@ Button {
                 Skeleton {
                     Layout.preferredHeight: 15
                     Layout.preferredWidth: 50
+                    loading: root.loading
                 }
 
                 Skeleton {
                     Layout.preferredHeight: 15
                     Layout.preferredWidth: 114
+                    loading: root.loading
                 }
             }
         }