1584/fix/dropdown item width not correct (#1950)

* added full width to new button

* removed scrollbar width in dropdown item

* Fix dropdown width issue

* Fix lint

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/modules/people/components/PeopleCard.tsx

@@ -5,8 +5,8 @@ import styled from '@emotion/styled';
 import { autoUpdate, flip, offset, useFloating } from '@floating-ui/react';
 
 import { FloatingIconButton } from '@/ui/button/components/FloatingIconButton';
+import { DropdownMenuItemsContainer } from '@/ui/dropdown/components/DropdownMenuItemsContainer';
 import { StyledDropdownMenu } from '@/ui/dropdown/components/StyledDropdownMenu';
-import { StyledDropdownMenuItemsContainer } from '@/ui/dropdown/components/StyledDropdownMenuItemsContainer';
 import { IconDotsVertical, IconLinkOff, IconTrash } from '@/ui/icon';
 import { MenuItem } from '@/ui/menu-item/components/MenuItem';
 import { useListenClickOutside } from '@/ui/utilities/pointer-event/hooks/useListenClickOutside';
@@ -169,9 +169,7 @@ export const PeopleCard = ({
               ref={refs.setFloating}
               style={floatingStyles}
             >
-              <StyledDropdownMenuItemsContainer
-                onClick={(e) => e.stopPropagation()}
-              >
+              <DropdownMenuItemsContainer>
                 <MenuItem
                   onClick={handleDetachPerson}
                   LeftIcon={IconLinkOff}
@@ -183,7 +181,7 @@ export const PeopleCard = ({
                   text="Delete person"
                   accent="danger"
                 />
-              </StyledDropdownMenuItemsContainer>
+              </DropdownMenuItemsContainer>
             </StyledDropdownMenu>
           )}
         </div>