Swap primary for secondary buttons in Security Configure page

app/assets/javascripts/security_configuration/components/feature_card.vue

@@ -31,13 +31,12 @@ export default {
       const button = this.enabled
         ? {
             text: this.$options.i18n.configureFeature,
-            category: 'secondary',
           }
         : {
             text: this.$options.i18n.enableFeature,
-            category: 'primary',
           };
 
+      button.category = 'secondary';
       button.text = sprintf(button.text, { feature: this.shortName });
 
       return button;
@@ -126,7 +125,7 @@ export default {
         v-else-if="showManageViaMr"
         :feature="feature"
         variant="confirm"
-        category="primary"
+        category="secondary"
         class="gl-mt-5"
         :data-qa-selector="`${feature.type}_mr_button`"
         @error="onError"

spec/frontend/security_configuration/components/feature_card_spec.js

@@ -50,7 +50,7 @@ describe('FeatureCard component', () => {
     expect(enableLinks.exists()).toBe(expectEnableAction);
     if (expectEnableAction) {
       expect(enableLinks).toHaveLength(1);
-      expect(enableLinks.at(0).props('category')).toBe('primary');
+      expect(enableLinks.at(0).props('category')).toBe('secondary');
     }
 
     const configureLinks = findConfigureLinks();