Refactor spreadsheet import (#11250)

Mostly renaming objects to avoid conflicts (it was painful because names
were too generic so you could cmd+replace easily)

Also refactoring `useBuildAvailableFieldsForImport`

packages/twenty-ui/src/display/tag/components/Tag.tsx

@@ -31,6 +31,7 @@ const StyledTag = styled.h3<{
       const themeColor = theme.tag.background[color];
 
       if (!isDefined(themeColor)) {
+        // eslint-disable-next-line no-console
         console.warn(`Tag color ${color} is not defined in the theme`);
         return theme.tag.background.gray;
       } else {

packages/twenty-ui/src/input/index.ts

@@ -27,3 +27,4 @@ export * from './components/Radio';
 export * from './components/RadioGroup';
 export * from './components/Toggle';
 export * from './types/ColorScheme';
+export * from './types/SelectOption';

packages/twenty-ui/src/input/types/SelectOption.ts

@@ -0,0 +1,12 @@
+import { IconComponent } from '@ui/display';
+import { ThemeColor } from '@ui/theme';
+
+export type SelectOption<
+  Value extends string | number | boolean | null = string,
+> = {
+  Icon?: IconComponent | null;
+  label: string;
+  value: Value;
+  disabled?: boolean;
+  color?: ThemeColor | 'transparent';
+};