QmlDesigner: Enable sorting a model by id

Task-number: QDS-11808
Change-Id: I088424b97b4e50a882aebcda82c784f95bd9948e
Reviewed-by: Mahmoud Badri <mahmoud.badri@qt.io>
Reviewed-by: Shrief Gabr <shrief.gabr@qt.io>

share/qtcreator/qmldesigner/collectionEditorQmlSource/CollectionDetailsView.qml

@@ -83,6 +83,17 @@ Rectangle {
                     horizontalAlignment: Text.AlignHCenter
                     verticalAlignment: Text.AlignVCenter
                     color: StudioTheme.Values.themeTextColor
+
+                    MouseArea {
+                        anchors.fill: parent
+                        acceptedButtons: Qt.LeftButton
+                        property int order: Qt.AscendingOrder
+                        onClicked: {
+                            order = (order == Qt.AscendingOrder) ? Qt.DescendingOrder : Qt.AscendingOrder;
+                            tableView.closeEditor()
+                            tableView.model.sort(-1, order)
+                        }
+                    }
                 }
             }