Merge pull request #3303 from nocodb/fix/Fixed-stale-filter-badge-issue-and-improved-ui-for-column-filter

vue3: Fixed stale fields badge issue and improved ui for fields menu

packages/nc-gui-v2/components/smartsheet-toolbar/FieldsMenu.vue

@@ -64,7 +64,7 @@ watch(
   { immediate: true },
 )
 
-const isAnyFieldHidden = computed(() => fields.value?.some((field) => !(!showSystemFields && field.system) && !field.show))
+const isAnyFieldHidden = computed(() => filteredFieldList.value?.some((field) => !field.show))
 
 const onMove = (event: { moved: { newIndex: number } }) => {
   // todo : sync with server
@@ -130,7 +130,7 @@ const getIcon = (c: ColumnType) =>
         <a-divider class="!my-2" />
 
         <div v-if="!isPublic" class="p-2 py-1 flex" @click.stop>
-          <a-checkbox v-model:checked="showSystemFields">
+          <a-checkbox v-model:checked="showSystemFields" class="!items-center">
             <span class="text-xs"> {{ $t('activity.showSystemFields') }}</span>
           </a-checkbox>
         </div>