Avanced Settings: Custom API names for Select & Multi-Select Keys (#7489)

### Description

- text input was changed because it renders an empty div as the right
icon, but the margin and padding affect the layout
- we have duplicated code on ExpandedWidthAnimationVariants.ts, because
of an eslint rule that prevents more than one const definition, can we
ignore the rule?
- 

### Demo


<https://www.loom.com/share/17a37bf5549a4a23ba12343b6046ec6b?sid=4cf297f3-66db-44c9-9a9b-7bde89b90d02>

### Refs

<https://github.com/twentyhq/twenty/issues/6146>

---------

Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com>
Co-authored-by: gitstart-twenty <140154534+gitstart-twenty@users.noreply.github.com>
Co-authored-by: Marie Stoppa <marie.stoppa@essec.edu>

packages/twenty-front/src/modules/settings/hooks/useExpandedHeightAnimation.tsx

@@ -3,7 +3,7 @@ import { isDefined } from 'twenty-ui';
 
 const transitionValues = {
   transition: {
-    opactity: { duration: 0.2 },
+    opacity: { duration: 0.2 },
     height: { duration: 0.4 },
   },
 };