Basic import for select in CSV (#6047)

Enables basic support for Select import and field matching in CSV. 
It's not pretty! But it's better than what we had before.
We should iterate on that quickly

<img width="591" alt="Screenshot 2024-06-26 at 18 41 16"
src="https://github.com/twentyhq/twenty/assets/6399865/99f67f39-3f0f-4074-aac6-3200954be08a">

packages/twenty-front/src/modules/spreadsheet-import/utils/setColumn.ts

@@ -2,6 +2,7 @@ import {
   Column,
   ColumnType,
   MatchColumnsStepProps,
+  MatchedOptions,
 } from '@/spreadsheet-import/steps/components/MatchColumnsStep/MatchColumnsStep';
 import { Field } from '@/spreadsheet-import/types';
 
@@ -12,33 +13,56 @@ export const setColumn = <T extends string>(
   field?: Field<T>,
   data?: MatchColumnsStepProps<T>['data'],
 ): Column<T> => {
-  switch (field?.fieldType.type) {
-    case 'select':
-      return {
-        ...oldColumn,
-        type: ColumnType.matchedSelect,
-        value: field.key,
-        matchedOptions: uniqueEntries(data || [], oldColumn.index),
-      };
-    case 'checkbox':
-      return {
-        index: oldColumn.index,
-        type: ColumnType.matchedCheckbox,
-        value: field.key,
-        header: oldColumn.header,
-      };
-    case 'input':
-      return {
-        index: oldColumn.index,
-        type: ColumnType.matched,
-        value: field.key,
-        header: oldColumn.header,
-      };
-    default:
-      return {
-        index: oldColumn.index,
-        header: oldColumn.header,
-        type: ColumnType.empty,
-      };
+  if (field?.fieldType.type === 'select') {
+    const fieldOptions = field.fieldType.options;
+    const uniqueData = uniqueEntries(
+      data || [],
+      oldColumn.index,
+    ) as MatchedOptions<T>[];
+    const matchedOptions = uniqueData.map((record) => {
+      const value = fieldOptions.find(
+        (fieldOption) =>
+          fieldOption.value === record.entry ||
+          fieldOption.label === record.entry,
+      )?.value;
+      return value
+        ? ({ ...record, value } as MatchedOptions<T>)
+        : (record as MatchedOptions<T>);
+    });
+    const allMatched =
+      matchedOptions.filter((o) => o.value).length === uniqueData?.length;
+
+    return {
+      ...oldColumn,
+      type: allMatched
+        ? ColumnType.matchedSelectOptions
+        : ColumnType.matchedSelect,
+      value: field.key,
+      matchedOptions,
+    };
   }
+
+  if (field?.fieldType.type === 'checkbox') {
+    return {
+      index: oldColumn.index,
+      type: ColumnType.matchedCheckbox,
+      value: field.key,
+      header: oldColumn.header,
+    };
+  }
+
+  if (field?.fieldType.type === 'input') {
+    return {
+      index: oldColumn.index,
+      type: ColumnType.matched,
+      value: field.key,
+      header: oldColumn.header,
+    };
+  }
+
+  return {
+    index: oldColumn.index,
+    header: oldColumn.header,
+    type: ColumnType.empty,
+  };
 };