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
-            model: playbackRateModel
+    Instantiator {
+        model: playbackRateModel
 
-            Controls.RadioButton {
+        Controls.MenuItem {
-                padding: Kirigami.Units.smallSpacing
+            text: model.value
-                text: model.value
+            checkable: true
-                checked: model.value === AudioManager.playbackRate.toFixed(2)
+            checked: model.value === AudioManager.playbackRate.toFixed(2)
-                Controls.ButtonGroup.group: playbackRateGroup
+            Controls.ButtonGroup.group: playbackRateGroup
 
-                onToggled: {
+            onTriggered: {
-                    if (checked) {
+                if (checked) {
-                        AudioManager.playbackRate = value;
+                    AudioManager.playbackRate = value;
-                    }
-                    playbackRateMenu.dismiss();
                 }
+                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 {