chore: Add router views for agent_bots (#5600)

app/javascript/dashboard/components/layout/sidebarComponents/SecondaryNavItem.vue

@@ -1,5 +1,5 @@
 <template>
-  <li class="sidebar-item">
+  <li v-show="isMenuItemVisible" class="sidebar-item">
     <div v-if="hasSubMenu" class="secondary-menu--wrap">
       <span class="secondary-menu--header fs-small">
         {{ $t(`SIDEBAR.${menuItem.label}`) }}
@@ -36,7 +36,7 @@
         {{ `${menuItem.count}` }}
       </span>
       <span
-        v-if="menuItem.label === 'AUTOMATION'"
+        v-if="menuItem.beta"
         data-view-component="true"
         label="Beta"
         class="beta"
@@ -114,10 +114,23 @@ export default {
     },
   },
   computed: {
-    ...mapGetters({ activeInbox: 'getSelectedInbox' }),
+    ...mapGetters({
+      activeInbox: 'getSelectedInbox',
+      accountId: 'getCurrentAccountId',
+      isFeatureEnabledonAccount: 'accounts/isFeatureEnabledonAccount',
+    }),
     hasSubMenu() {
       return !!this.menuItem.children;
     },
+    isMenuItemVisible() {
+      if (!this.menuItem.featureFlagKey) {
+        return true;
+      }
+      return this.isFeatureEnabledonAccount(
+        this.accountId,
+        this.menuItem.featureFlagKey
+      );
+    },
     isInboxConversation() {
       return (
         this.$store.state.route.name === 'inbox_conversation' &&