Change card summary information into a column

This is necessary because we can't anchor to the bottom of the card here, and because we want to swap out the description for a download count in the extended detail card.

Contributes to issue CURA-8565.

plugins/Marketplace/resources/qml/PackageCard.qml

@@ -57,19 +57,25 @@ Rectangle
         source: packageData.iconUrl != "" ? packageData.iconUrl : "../images/placeholder.svg"
     }
 
+    ColumnLayout
+    {
+        anchors
+        {
+            left: packageItem.right
+            leftMargin: UM.Theme.getSize("default_margin").width
+            right: parent.right
+            rightMargin: UM.Theme.getSize("thick_margin").width
+            top: parent.top
+            topMargin: UM.Theme.getSize("narrow_margin").height
+        }
+        height: packageItem.height + packageItem.anchors.margins * 2
+
         // Title row.
         RowLayout
         {
             id: titleBar
-        anchors
+            Layout.preferredWidth: parent.width
-        {
+            Layout.preferredHeight: childrenRect.height
-            left: packageItem.right
-            right: parent.right
-            top: parent.top
-            topMargin: UM.Theme.getSize("narrow_margin").height
-            leftMargin: UM.Theme.getSize("default_margin").width
-            rightMargin:UM.Theme.getSize("thick_margin").width
-        }
 
             Label
             {
@@ -182,21 +188,14 @@ Rectangle
                 }
                 onClicked: Qt.openUrlExternally(packageData.authorInfoUrl)
             }
-
         }
 
         Item
         {
             id: descriptionArea
-        height: descriptionLabel.height
+            Layout.preferredWidth: parent.width
-        anchors
+            Layout.fillHeight: true
-        {
+
-            top: titleBar.bottom
-            left: packageItem.right
-            right: parent.right
-            rightMargin: UM.Theme.getSize("default_margin").width
-            leftMargin: UM.Theme.getSize("default_margin").width
-        }
             Label
             {
                 id: descriptionLabel
@@ -242,7 +241,7 @@ Rectangle
             Cura.TertiaryButton
             {
                 id: readMoreButton
-            anchors.left: tripleDotLabel.right
+                anchors.right: parent.right
                 anchors.bottom: parent.bottom
                 height: fontMetrics.height //Height of a single line.
 
@@ -264,13 +263,9 @@ Rectangle
         RowLayout
         {
             id: authorAndActionButton
-        width: parent.width
+            Layout.preferredWidth: parent.width
-        anchors
+            Layout.preferredHeight: childrenRect.height
-        {
+
-            bottom: parent.bottom
-            left: packageItem.right
-            margins: UM.Theme.getSize("default_margin").height
-        }
             spacing: UM.Theme.getSize("narrow_margin").width
 
             Label
@@ -324,6 +319,7 @@ Rectangle
                 visible: false  // not functional right now, also only when unfolding and required
             }
         }
+    }
 
     FontMetrics
     {