Move all the seperate tiles into loaders instead of the entire page

Otherwise the details selection didn't work anymore and I didn't want to add more hacks.

CURA-6006

plugins/Toolbox/resources/qml/ToolboxDetailList.qml

@@ -26,10 +26,15 @@ Item
             }
             height: childrenRect.height + 2 * UM.Theme.getSize("wide_margin").height
             spacing: UM.Theme.getSize("default_margin").height
+
             Repeater
             {
                 model: toolbox.packagesModel
-                delegate: ToolboxDetailTile {}
+                delegate: Loader
+                {
+                    asynchronous: true
+                    source: "ToolboxDetailTile.qml"
+                }
             }
         }
     }

plugins/Toolbox/resources/qml/ToolboxDownloadsGrid.qml

@@ -24,7 +24,7 @@ Column
         color: UM.Theme.getColor("text_medium")
         font: UM.Theme.getFont("medium")
     }
-    GridLayout
+    Grid
     {
         id: grid
         width: parent.width - 2 * parent.padding
@@ -34,10 +34,12 @@ Column
         Repeater
         {
             model: gridArea.model
-            delegate: ToolboxDownloadsGridTile
+            delegate: Loader
             {
-                Layout.preferredWidth: (grid.width - (grid.columns - 1) * grid.columnSpacing) / grid.columns
-                Layout.preferredHeight: UM.Theme.getSize("toolbox_thumbnail_small").height
+                asynchronous: true
+                width: (grid.width - (grid.columns - 1) * grid.columnSpacing) / grid.columns
+                height: UM.Theme.getSize("toolbox_thumbnail_small").height
+                source: "ToolboxDownloadsGridTile.qml"
             }
         }
     }

plugins/Toolbox/resources/qml/ToolboxDownloadsShowcase.qml

@@ -30,23 +30,26 @@ Rectangle
             height: childrenRect.height
             spacing: UM.Theme.getSize("wide_margin").width
             columns: 3
-            anchors
-            {
-                horizontalCenter: parent.horizontalCenter
-            }
+            anchors.horizontalCenter: parent.horizontalCenter
+
             Repeater
             {
-                model: {
-                    if ( toolbox.viewCategory == "plugin" )
+                model:
+                {
+                    if (toolbox.viewCategory == "plugin")
                     {
                         return toolbox.pluginsShowcaseModel
                     }
-                    if ( toolbox.viewCategory == "material" )
+                    if (toolbox.viewCategory == "material")
                     {
                         return toolbox.materialsShowcaseModel
                     }
                 }
-                delegate: ToolboxDownloadsShowcaseTile {}
+                delegate: Loader
+                {
+                    asynchronous: true
+                    source: "ToolboxDownloadsShowcaseTile.qml"
+                }
             }
         }
     }

plugins/Toolbox/resources/qml/ToolboxInstalledPage.qml

@@ -64,7 +64,11 @@ ScrollView
                 {
                     id: materialList
                     model: toolbox.pluginsInstalledModel
-                    delegate: ToolboxInstalledTile {}
+                    delegate: Loader
+                    {
+                        asynchronous: true
+                        source: "ToolboxInstalledTile.qml"
+                    }
                 }
             }
         }
@@ -101,7 +105,11 @@ ScrollView
                 {
                     id: pluginList
                     model: toolbox.materialsInstalledModel
-                    delegate: ToolboxInstalledTile {}
+                    delegate: Loader
+                    {
+                        asynchronous: true
+                        source: "ToolboxInstalledTile.qml"
+                    }
                 }
             }
         }