fix(ui): Use display contents for DropdownMenuWrap (#71830)

Using display flex here breaks in some scenarios

static/app/components/dropdownMenu/index.tsx

@@ -261,6 +261,6 @@ function DropdownMenu({
 export {DropdownMenu};
 
 const DropdownMenuWrap = styled('div')`
-  display: flex;
+  display: contents;
   list-style-type: none;
 `;

static/app/components/events/eventCustomPerformanceMetrics.tsx

@@ -332,6 +332,7 @@ const StyledPanel = styled(Panel)`
 `;
 
 const StyledDropdownMenuControl = styled(DropdownMenu)`
+  display: block;
   margin-left: auto;
 `;
 

static/app/components/events/eventTags/eventTagsTreeRow.tsx

@@ -418,6 +418,7 @@ const TreeSearchKey = styled('span')`
 `;
 
 const TreeValueDropdown = styled(DropdownMenu)`
+  display: block;
   margin: 1px;
   height: 20px;
   .tag-button {

static/app/views/issueList/savedIssueSearches.tsx

@@ -328,6 +328,7 @@ const StyledItemButton = styled(Button)`
 `;
 
 const OverflowMenu = styled(DropdownMenu)`
+  display: block;
   position: absolute;
   top: 12px;
   right: ${space(1)};