Fix dropdown width (#11536)

Fix regressions due to dropdown refactoring

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

@@ -152,10 +152,7 @@ export const Select = <Value extends SelectValue>({
                 <DropdownMenuSeparator />
               )}
               {!!filteredOptions.length && (
-                <DropdownMenuItemsContainer
-                  hasMaxHeight
-                  width={dropDownMenuWidth}
-                >
+                <DropdownMenuItemsContainer hasMaxHeight width={'auto'}>
                   {filteredOptions.map((option) => (
                     <MenuItemSelect
                       key={`${option.value}-${option.label}`}

packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuItemsContainer.tsx

@@ -6,7 +6,7 @@ import { isDefined } from 'twenty-shared/utils';
 
 const StyledDropdownMenuItemsExternalContainer = styled.div<{
   hasMaxHeight?: boolean;
-  width: number;
+  width: number | 'auto';
 }>`
   --padding: ${({ theme }) => theme.spacing(1)};
 
@@ -52,7 +52,7 @@ export const DropdownMenuItemsContainer = ({
   hasMaxHeight?: boolean;
   className?: string;
   scrollable?: boolean;
-  width?: number;
+  width?: number | 'auto';
 }) => {
   const id = useId();