[Manager] Add filtering nodes/packs by 'Installed' or 'All' (#3031)

Co-authored-by: github-actions <github-actions@github.com>

src/components/dialog/content/manager/ManagerNavSidebar.vue

@@ -4,17 +4,16 @@
   >
     <ScrollPanel class="w-80 mt-7">
       <Listbox
-        :model-value="selectedTab"
+        v-model="selectedTab"
         :options="tabs"
         optionLabel="label"
         listStyle="max-height:unset"
+        class="w-full border-0 bg-transparent"
         :pt="{
-          root: { class: 'w-full border-0 bg-transparent' },
           list: { class: 'p-5' },
           option: { class: 'px-8 py-3 text-lg rounded-xl' },
           optionGroup: { class: 'p-0 text-left text-inherit' }
         }"
-        @update:model-value="handleTabSelection"
       >
         <template #option="slotProps">
           <div class="text-left flex items-center">
@@ -37,14 +36,7 @@ import type { TabItem } from '@/types/comfyManagerTypes'
 
 defineProps<{
   tabs: TabItem[]
-  selectedTab: TabItem
 }>()
 
-const emit = defineEmits<{
-  'update:selectedTab': [value: TabItem]
-}>()
-
-const handleTabSelection = (tab: TabItem) => {
-  emit('update:selectedTab', tab)
-}
+const selectedTab = defineModel<TabItem>('selectedTab')
 </script>