Make some minor improvements to the qml

This implements some of the best practices that weren't used yet for the QML

CURA-6005

plugins/CuraDrive/src/qml/components/BackupListItemDetails.qml

@@ -11,7 +11,7 @@ ColumnLayout
 {
     id: backupDetails
     width: parent.width
-    spacing: 10 * screenScaleFactor
+    spacing: UM.Theme.getSize("default_margin").width
     property var backupDetailsData
 
     // Cura version

plugins/CuraDrive/src/qml/components/BackupListItemDetailsRow.qml

@@ -13,9 +13,9 @@ RowLayout
     width: parent.width
     height: 40 * screenScaleFactor
 
-    property var iconSource
-    property var label
-    property var value
+    property alias iconSource: icon.source
+    property alias label: detailName.text
+    property alias value: detailValue.text
 
     // Spacing.
     Item
@@ -23,16 +23,18 @@ RowLayout
         width: 40 * screenScaleFactor
     }
 
-    Icon
+    UM.RecolorImage
     {
+        id: icon
         width: 18 * screenScaleFactor
-        iconSource: detailsRow.iconSource
+        height: width
+        source: ""
         color: UM.Theme.getColor("text")
     }
 
     Label
     {
-        text: detailsRow.label
+        id: detailName
         color: UM.Theme.getColor("text")
         elide: Text.ElideRight
         Layout.minimumWidth: 50 * screenScaleFactor
@@ -43,7 +45,7 @@ RowLayout
 
     Label
     {
-        text: detailsRow.value
+        id: detailValue
         color: UM.Theme.getColor("text")
         elide: Text.ElideRight
         Layout.minimumWidth: 50 * screenScaleFactor

plugins/CuraDrive/src/qml/components/Icon.qml

@@ -1,58 +0,0 @@
-// Copyright (c) 2018 Ultimaker B.V.
-// Cura is released under the terms of the LGPLv3 or higher.
-
-import QtQuick 2.7
-import QtQuick.Controls 2.1
-import QtGraphicalEffects 1.0
-
-Item
-{
-    id: icon
-    width: parent.height
-    height: width
-    property var color: "transparent"
-    property var iconSource
-    property bool animated: false
-
-    Image
-    {
-        id: iconImage
-        width: parent.height
-        height: width
-        smooth: true
-        source: icon.iconSource
-        sourceSize.width: width
-        sourceSize.height: height
-        antialiasing: true
-        visible: !icon.animated
-    }
-
-    AnimatedImage
-    {
-        id: animatedIconImage
-        width: parent.height
-        height: width
-        smooth: true
-        antialiasing: true
-        source: "../images/loading.gif"
-        visible: icon.animated
-    }
-
-    ColorOverlay
-    {
-        anchors.fill: iconImage
-        source: iconImage
-        color: icon.color
-        antialiasing: true
-        visible: !icon.animated
-    }
-
-    ColorOverlay
-    {
-        anchors.fill: animatedIconImage
-        source: animatedIconImage
-        color: icon.color
-        antialiasing: true
-        visible: icon.animated
-    }
-}