Changed the auto matching of columns in import (#12181)

This PR changes the way we do automatching in the import feature.

It uses [Fuse.js](https://www.fusejs.io/) to do a fuzzy text search on
fields and sub-fields.

The labels of sub-fields are now derived from the common config constant
we have for sub-fields.

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

@@ -0,0 +1,38 @@
+import { MatchColumnsStepProps } from '@/spreadsheet-import/steps/components/MatchColumnsStep/MatchColumnsStep';
+
+import { SpreadsheetImportFields } from '@/spreadsheet-import/types';
+import { SpreadsheetColumn } from '@/spreadsheet-import/types/SpreadsheetColumn';
+import { SpreadsheetColumns } from '@/spreadsheet-import/types/SpreadsheetColumns';
+import { setColumn } from '@/spreadsheet-import/utils/setColumn';
+import Fuse from 'fuse.js';
+import { isDefined } from 'twenty-shared/utils';
+
+export const getMatchedColumnsWithFuse = <T extends string>(
+  columns: SpreadsheetColumns<T>,
+  fields: SpreadsheetImportFields<T>,
+  data: MatchColumnsStepProps['data'],
+) => {
+  const matchedColumns: SpreadsheetColumn<T>[] = [];
+
+  const fieldsToSearch = new Fuse(fields, {
+    keys: ['label'],
+    includeScore: true,
+    threshold: 0.3,
+  });
+
+  for (const column of columns) {
+    const fieldsThatMatch = fieldsToSearch.search(column.header);
+
+    const firstMatch = fieldsThatMatch[0]?.item ?? null;
+
+    if (isDefined(firstMatch)) {
+      const newColumn = setColumn(column, firstMatch as any, data);
+
+      matchedColumns.push(newColumn);
+    } else {
+      matchedColumns.push(column);
+    }
+  }
+
+  return { matchedColumns };
+};