Revert back to MenuItem

Up to now, RadioButton and CheckButton were added to Menus explicitly
because MenuItem would not use the correct delegate (i.e. CheckButton
instead of RadioButton for a selection group).  Since this has been
fixed in qqc2-desktop-style, we can use the proper component again.

src/qml/PlaybackRateMenu.qml

@@ -20,24 +20,27 @@ Controls.Menu {
 
     Controls.ButtonGroup { id: playbackRateGroup }
 
-    ColumnLayout {
+    // Using instantiator because using Repeater made the separator show up in
-        Repeater {
+    // the wrong place
+    Instantiator {
         model: playbackRateModel
 
-            Controls.RadioButton {
+        Controls.MenuItem {
-                padding: Kirigami.Units.smallSpacing
             text: model.value
+            checkable: true
             checked: model.value === AudioManager.playbackRate.toFixed(2)
             Controls.ButtonGroup.group: playbackRateGroup
 
-                onToggled: {
+            onTriggered: {
                 if (checked) {
                     AudioManager.playbackRate = value;
                 }
                 playbackRateMenu.dismiss();
             }
         }
-        }
+
+        onObjectAdded: playbackRateMenu.insertItem(index, object)
+        onObjectRemoved: playbackRateMenu.removeItem(object)
     }
 
     Controls.MenuSeparator {

src/qml/SearchFilterBar.qml

@@ -133,13 +133,13 @@ Controls.Control {
         Repeater {
             model: filterModel
 
-            Controls.RadioButton {
+            Controls.MenuItem {
-                padding: Kirigami.Units.smallSpacing
                 text: model.name
+                checkable: true
                 checked: model.filterType === proxyModel.filterType
                 Controls.ButtonGroup.group: filterGroup
 
-                onToggled: {
+                onTriggered: {
                     if (checked) {
                         proxyModel.filterType = model.filterType;
                     }
@@ -182,11 +182,11 @@ Controls.Control {
         Repeater {
             model: searchSettingsModel
 
-            Controls.CheckBox {
+            Controls.MenuItem {
-                padding: Kirigami.Units.smallSpacing
                 text: model.name
+                checkable: true
                 checked: model.checked
-                onToggled: {
+                onTriggered: {
                     if (checked) {
                         proxyModel.searchFlags = proxyModel.searchFlags | model.searchFlag;
                     } else {