refactor: central align icon and label

Signed-off-by: Pranav C <pranavxc@gmail.com>

packages/nc-gui/components/smartsheet/column/LookupOptions.vue

@@ -108,8 +108,10 @@ const cellIcon = (column: ColumnType) =>
           @change="onDataTypeChange"
         >
           <a-select-option v-for="(column, index) of columns" :key="index" :value="column.id">
+            <div class="flex items-center -ml-1">
             <component :is="cellIcon(column)" :column-meta="column" />
             {{ column.title }}
+            </div>
           </a-select-option>
         </a-select>
       </a-form-item>

packages/nc-gui/components/smartsheet/column/RollupOptions.vue

@@ -118,9 +118,11 @@ const cellIcon = (column: ColumnType) =>
           @change="onDataTypeChange"
         >
           <a-select-option v-for="(column, index) of columns" :key="index" :value="column.id">
-            <component :is="cellIcon(column)" :column-meta="column" />
+            <div class="flex items-center -ml-1">
+              <component :is="cellIcon(column)" :column-meta="column" />
 
-            {{ column.title }}
+              {{ column.title }}
+            </div>
           </a-select-option>
         </a-select>
       </a-form-item>