feat(gui-v2): handle color

packages/nc-gui-v2/components/smartsheet-column/RatingOptions.vue

@@ -35,9 +35,20 @@ const iconList = ref([
       <a-form-item label="Icon">
         <a-select v-model:value="formState.meta.icon" size="small" class="w-52">
           <!-- TODO: handle value -->
-          <!-- TODO: handle color -->
+          <a-select-option v-for="(icon, i) in iconList ?? []" :key="i" :value="icon">
-          <a-select-option v-for="(icon, i) in iconList ?? []" :key="i" :value="icon.full">
+            <component
-            <component :is="getMdiIcon(icon.full)" />
+              :is="getMdiIcon(icon.full)"
+              :style="{
+                color: formState.meta.color,
+              }"
+            />
+            {{ ' ' }}
+            <component
+              :is="getMdiIcon(icon.empty)"
+              :style="{
+                color: formState.meta.color,
+              }"
+            />
           </a-select-option>
         </a-select>
       </a-form-item>