Add address composite form field (#9022)

- Create FormCountrySelectInput using the existing FormSelectFieldInput
- Create AddressFormFieldInput component
- Fix FormSelectFieldInput dropdown + add leftIcon

<img width="554" alt="Capture d’écran 2024-12-11 à 15 56 32"
src="https://github.com/user-attachments/assets/c3019f29-af76-44e1-96bd-a0c6283674e1"
/>

packages/twenty-front/src/modules/ui/field/display/components/SelectDisplay.tsx

@@ -1,10 +1,11 @@
-import { Tag, ThemeColor } from 'twenty-ui';
+import { IconComponent, Tag, ThemeColor } from 'twenty-ui';
 
 type SelectDisplayProps = {
-  color: ThemeColor;
+  color: ThemeColor | 'transparent';
   label: string;
+  Icon?: IconComponent;
 };
 
-export const SelectDisplay = ({ color, label }: SelectDisplayProps) => {
-  return <Tag preventShrink color={color} text={label} />;
+export const SelectDisplay = ({ color, label, Icon }: SelectDisplayProps) => {
+  return <Tag preventShrink color={color} text={label} Icon={Icon} />;
 };

packages/twenty-front/src/modules/ui/field/input/components/AddressInput.tsx

@@ -260,6 +260,7 @@ export const AddressInput = ({
           onFocus={getFocusHandler('addressPostcode')}
         />
         <CountrySelect
+          label="COUNTRY"
           onChange={getChangeHandler('addressCountry')}
           selectedCountryName={internalValue.addressCountry ?? ''}
         />