Add basic layout for button to load more packages

Contributes to issue CURA-8556.

plugins/Marketplace/resources/qml/Plugins.qml

@@ -40,5 +40,42 @@ ScrollView
                 }
             }
         }
+        Button
+        {
+            id: loadMoreButton
+            width: parent.width
+            height: UM.Theme.getSize("card").height
+
+            background: Rectangle
+            {
+                anchors.fill: parent
+                radius: UM.Theme.getSize("default_radius").width
+                color: UM.Theme.getColor("main_background")
+            }
+
+            Row
+            {
+                anchors.centerIn: parent
+
+                spacing: UM.Theme.getSize("thin_margin").width
+
+                UM.RecolorImage
+                {
+                    width: UM.Theme.getSize("small_button_icon").width
+                    height: UM.Theme.getSize("small_button_icon").height
+                    anchors.verticalCenter: loadMoreLabel.verticalCenter
+
+                    source: UM.Theme.getIcon("ArrowDown")
+                    color: UM.Theme.getColor("primary")
+                }
+                Label
+                {
+                    id: loadMoreLabel
+                    text: catalog.i18nc("@button", "Load More")
+                    font: UM.Theme.getFont("medium_bold")
+                    color: UM.Theme.getColor("primary")
+                }
+            }
+        }
     }
 }

resources/themes/cura-light/icons/default/ArrowDown.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 21L4.293 13.293L5.707 11.8789L11 17.1719V3H13V17.1719L18.293 11.8789L19.707 13.293L12 21Z" />
+</svg>