refactor: update sidebar navigation to simplify routes and enhance tab visibility

dashboard/src/layouts/full/vertical-sidebar/sidebarItem.ts

@@ -49,17 +49,12 @@ const sidebarItem: menu[] = [
   {
     title: 'core.navigation.extension',
     icon: 'mdi-puzzle',
-    to: '/extension#installed',
+    to: '/extension',
     children: [
       {
         title: 'core.navigation.extensionTabs.installed',
         icon: 'mdi-puzzle',
-        to: '/extension#installed'
-      },
-      {
-        title: 'core.navigation.extensionTabs.market',
-        icon: 'mdi-store',
-        to: '/extension#market'
+        to: '/extension'
       },
       {
         title: 'core.navigation.extensionTabs.mcp',

dashboard/src/views/ExtensionPage.vue

@@ -390,7 +390,11 @@ const updateDialogPluginLogo = computed(() => {
       </v-card>
     </v-col>
 
-    <v-col v-if="activeTab === 'market'" cols="12" md="12">
+    <v-col
+      v-if="activeTab === 'installed' || activeTab === 'market'"
+      cols="12"
+      md="12"
+    >
       <div class="d-flex align-center justify-center mt-4 mb-4 gap-4">
         <v-btn
           variant="text"

dashboard/src/views/extension/InstalledPluginsTab.vue

@@ -221,7 +221,7 @@ const togglePinnedExtension = (extension) => {
 </script>
 
 <template>
-  <v-tab-item v-show="activeTab === 'installed'">
+  <v-tab-item v-show="activeTab === 'installed' || activeTab === 'market'">
     <div class="mb-4 pt-4 pb-4">
       <div class="d-flex align-center flex-wrap" style="gap: 12px">
         <h2 class="text-h2 mb-0">{{ tm("titles.installedAstrBotPlugins") }}</h2>

dashboard/src/views/extension/MarketPluginsTab.vue

@@ -184,7 +184,7 @@ const openMarketPluginDetail = (plugin) => {
 </script>
 
 <template>
-  <v-tab-item v-show="activeTab === 'market'">
+  <v-tab-item v-show="activeTab === 'installed' || activeTab === 'market'">
     <div class="mb-6 pt-4 pb-4">
       <div class="d-flex align-center" style="gap: 12px">
         <div class="d-flex align-center" style="gap: 12px; min-width: 0">