feat: set Select field option as default option (#2725)

Closes #2591

front/src/modules/ui/input/components/TextInput.tsx

@@ -13,6 +13,7 @@ import { Key } from 'ts-key-enum';
 
 import { IconAlertCircle } from '@/ui/display/icon';
 import { IconEye, IconEyeOff } from '@/ui/display/icon/index';
+import { IconComponent } from '@/ui/display/icon/types/IconComponent';
 import { usePreviousHotkeyScope } from '@/ui/utilities/hotkey/hooks/usePreviousHotkeyScope';
 import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys';
 import { useCombinedRefs } from '~/hooks/useCombinedRefs';
@@ -29,6 +30,7 @@ export type TextInputComponentProps = Omit<
   fullWidth?: boolean;
   disableHotkeys?: boolean;
   error?: string;
+  RightIcon?: IconComponent;
 };
 
 const StyledContainer = styled.div<Pick<TextInputComponentProps, 'fullWidth'>>`
@@ -101,7 +103,7 @@ const StyledTrailingIconContainer = styled.div`
 const StyledTrailingIcon = styled.div`
   align-items: center;
   color: ${({ theme }) => theme.font.color.light};
-  cursor: pointer;
+  cursor: ${({ onClick }) => (onClick ? 'pointer' : 'default')};
   display: flex;
   justify-content: center;
 `;
@@ -125,6 +127,7 @@ const TextInputComponent = (
     placeholder,
     disabled,
     tabIndex,
+    RightIcon,
   }: TextInputComponentProps,
   // eslint-disable-next-line twenty/component-props-naming
   ref: ForwardedRef<HTMLInputElement>,
@@ -201,6 +204,11 @@ const TextInputComponent = (
               )}
             </StyledTrailingIcon>
           )}
+          {!error && type !== INPUT_TYPE_PASSWORD && !!RightIcon && (
+            <StyledTrailingIcon>
+              <RightIcon size={theme.icon.size.md} />
+            </StyledTrailingIcon>
+          )}
         </StyledTrailingIconContainer>
       </StyledInputContainer>
       {error && <StyledErrorHelper>{error}</StyledErrorHelper>}

front/src/modules/ui/object/field/meta-types/display/components/SelectFieldDisplay.tsx

@@ -5,5 +5,5 @@ import { useSelectField } from '../../hooks/useSelectField';
 export const SelectFieldDisplay = () => {
   const { fieldValue } = useSelectField();
 
-  return <Tag color={fieldValue.color} text={fieldValue.text} />;
+  return <Tag color={fieldValue.color} text={fieldValue.label} />;
 };

front/src/modules/ui/object/field/meta-types/hooks/useSelectField.ts

@@ -26,15 +26,15 @@ export const useSelectField = () => {
   );
   const fieldSelectValue = isFieldSelectValue(fieldValue)
     ? fieldValue
-    : { color: 'green' as ThemeColor, text: '' };
+    : { color: 'green' as ThemeColor, label: '' };
 
   const fieldInitialValue = useFieldInitialValue();
 
   const initialValue = {
     color: 'green' as ThemeColor,
-    text: fieldInitialValue?.isEmpty
+    label: fieldInitialValue?.isEmpty
       ? ''
-      : fieldInitialValue?.value ?? fieldSelectValue?.text ?? '',
+      : fieldInitialValue?.value ?? fieldSelectValue?.label ?? '',
   };
 
   return {

front/src/modules/ui/object/field/types/FieldMetadata.ts

@@ -116,6 +116,6 @@ export type FieldCurrencyValue = {
 };
 export type FieldFullNameValue = { firstName: string; lastName: string };
 export type FieldProbabilityValue = number;
-export type FieldSelectValue = { color: ThemeColor; text: string };
+export type FieldSelectValue = { color: ThemeColor; label: string };
 
 export type FieldRelationValue = EntityForSelect | null;

front/src/modules/ui/object/field/types/guards/isFieldSelectValue.ts

@@ -5,7 +5,7 @@ import { mainColors, ThemeColor } from '@/ui/theme/constants/colors';
 const selectColors = Object.keys(mainColors) as [ThemeColor, ...ThemeColor[]];
 const selectValueSchema = z.object({
   color: z.enum(selectColors),
-  text: z.string(),
+  label: z.string(),
 });
 
 export const isFieldSelectValue = (