fix(ktable): init col visibility [khcp-11730] (#2169)

Fix an issue where initial provided visibility preferences were immediately cleared for [KHCP-11730](https://konghq.atlassian.net/browse/KHCP-11730).

src/components/KTable/ColumnVisibilityMenu.vue

@@ -145,7 +145,7 @@ const setOverflowClass = (el: HTMLDivElement) => {
 
 watch(() => props.visibilityPreferences, () => {
   initVisibilityMap()
-})
+}, { immediate: true })
 
 onMounted(() => {
   if (menuItemsRef.value) {

src/components/KTable/KTable.vue

@@ -583,7 +583,7 @@ const resizerHoveredColumn = ref('')
 const currentHoveredColumn = ref('')
 const hasColumnVisibilityMenu = computed((): boolean => {
   // has hidable columns, no error/loading/empty state
-  return !!(tableHeaders.value.filter((header: TableHeader) => header.hidable).length > 0 &&
+  return !!(hasHidableColumns.value &&
     !props.hasError && !isTableLoading.value && !props.isLoading && (data.value && data.value.length))
 })
 // columns whose visibility can be toggled
@@ -1034,13 +1034,14 @@ const scrollHandler = (event: any): void => {
   }
 }
 
+const hasHidableColumns = computed((): boolean => tableHeaders.value.filter((header: TableHeader) => header.hidable).length > 0)
 // Store the tablePreferences in a computed property to utilize in the watcher
 const tablePreferences = computed((): TablePreferences => ({
   pageSize: pageSize.value,
   sortColumnKey: sortColumnKey.value,
   sortColumnOrder: sortColumnOrder.value as 'asc' | 'desc',
   ...(props.resizeColumns ? { columnWidths: columnWidths.value } : {}),
-  ...(hasColumnVisibilityMenu.value ? { columnVisibility: columnVisibility.value } : {}),
+  ...(hasHidableColumns.value ? { columnVisibility: columnVisibility.value } : {}),
 }))
 
 const emitTablePreferences = (): void => {