fix(nc-gui): mark icons in grey from tookbar menu dropdown

packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue

@@ -95,7 +95,7 @@ if (!localValue.value && allowEmpty !== true) {
     <a-select-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value">
       <div class="flex items-center w-full justify-between w-full gap-2 max-w-50">
         <div class="flex gap-1 flex-1 items-center truncate items-center h-full">
-          <component :is="option.icon" class="min-w-5 !mx-0" />
+          <component :is="option.icon" class="min-w-5 !mx-0 !text-gray-500" />
           <NcTooltip
             :style="{ wordBreak: 'keep-all', whiteSpace: 'nowrap', display: 'inline' }"
             class="max-w-[15rem] truncate select-none"

packages/nc-gui/components/smartsheet/toolbar/FieldListWithSearch.vue

@@ -157,7 +157,7 @@ watch(
             'max-w-full': !showSelectedOption,
           }"
         >
-          <SmartsheetHeaderIcon :column="option" class="!w-3.5 !h-3.5 !text-gray-700" />
+          <SmartsheetHeaderIcon :column="option" class="!w-3.5 !h-3.5 !text-gray-500" />
           <NcTooltip class="truncate" show-on-truncate-only>
             <template #title> {{ option.title }}</template>
             <span>

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

@@ -423,7 +423,7 @@ useMenuCloseOnEsc(open)
                       }
                     "
                   >
-                    <component :is="getIcon(metaColumnById[field.fk_column_id])" class="!w-3.5 !h-3.5 !text-gray-700" />
+                    <component :is="getIcon(metaColumnById[field.fk_column_id])" class="!w-3.5 !h-3.5 !text-gray-500" />
                     <NcTooltip class="flex-1 pl-1 pr-2 truncate" show-on-truncate-only :disabled="isDragging">
                       <template #title>
                         {{ field.title }}