fix: tag filter list not refresh (#84)

#### What type of PR is this?

/kind bug

#### What this PR does / why we need it:

修复标签过滤列表在不刷新页面的情况下，无法获取最新新增的标签数据。

#### How to test it?

1. 在瞬间页面新增一个标签
2. 在不刷新页面的时候，查看标签列表是否更新。

#### Does this PR introduce a user-facing change?
```release-note
None
```

console/src/components/TagFilterDropdown.vue

@@ -24,12 +24,10 @@ const emit = defineEmits<{
   (event: "update:modelValue", value?: string): void;
 }>();
 
-const page = ref(1);
-const size = ref(20);
-const keyword = ref<string | undefined>(undefined);
+const keyword = ref(undefined);
 
-const { data: tags } = useQuery<string[]>({
-  queryKey: ["tags", page, size, keyword],
+const { data: tags, refetch } = useQuery<string[]>({
+  queryKey: ["moments-tags"],
   queryFn: async () => {
     const { data } = await apiClient.get(
       "/apis/console.api.moment.halo.run/v1alpha1/tags",
@@ -41,7 +39,6 @@ const { data: tags } = useQuery<string[]>({
     );
     return data;
   },
-  refetchOnWindowFocus: false,
 });
 
 const searchResults = computed(() => tags.value || []);
@@ -65,7 +62,7 @@ const handleCloseTag = (event: Event) => {
 </script>
 
 <template>
-  <VDropdown ref="dropdown" :classes="['!p-0']">
+  <VDropdown ref="dropdown" :classes="['!p-0']" @show="refetch">
     <div
       class="tag-filter-label moments-group"
       :class="{ 'font-semibold text-gray-700': modelValue !== undefined }"