feat(gui-v2): add icons to column utils

packages/nc-gui-v2/utils/columnUtils.ts

@@ -24,6 +24,9 @@ import MathIntegral from '~icons/mdi/math-integral'
 import MovieRoll from '~icons/mdi/movie-roll'
 import Counter from '~icons/mdi/counter'
 import CalendarClock from '~icons/mdi/calendar-clock'
+import ID from '~icons/mdi/identifier'
+import DatabaseSettings from '~icons/mdi/database-settings'
+import RulerSquareCompass from '~icons/mdi/ruler-square-compass'
 
 const uiTypes = [
   {
@@ -132,7 +135,7 @@ const uiTypes = [
   },
   {
     name: UITypes.Geometry,
-    icon: 'mdi-ruler-square-compass',
+    icon: RulerSquareCompass,
   },
   {
     name: UITypes.JSON,
@@ -140,7 +143,7 @@ const uiTypes = [
   },
   {
     name: UITypes.SpecificDBType,
-    icon: 'mdi-database-settings',
+    icon: DatabaseSettings,
   },
 ]
 
@@ -150,15 +153,15 @@ const getUIDTIcon = (uidt: UITypes) => {
       ...uiTypes,
       {
         name: UITypes.CreateTime,
-        icon: 'mdi-calendar-clock',
+        icon: CalendarClock,
       },
       {
         name: UITypes.ID,
-        icon: 'mdi-identifier',
+        icon: ID,
       },
       {
         name: UITypes.ForeignKey,
-        icon: 'mdi-link-variant',
+        icon: LinkVariant,
       },
     ].find((t) => t.name === uidt) || {}
   ).icon