fix: fix dropdown buttons z-index (#1431)

Closes #1430, Closes #1422

front/src/modules/ui/dropdown/components/DropdownButton.tsx

@@ -1,6 +1,5 @@
 import { useEffect, useRef } from 'react';
 import { Keys } from 'react-hotkeys-hook';
-import styled from '@emotion/styled';
 import { flip, offset, Placement, useFloating } from '@floating-ui/react';
 
 import { HotkeyScope } from '@/ui/utilities/hotkey/types/HotkeyScope';
@@ -13,11 +12,6 @@ import { useDropdownButton } from '../hooks/useDropdownButton';
 import { dropdownButtonCustomHotkeyScopeScopedFamilyState } from '../states/dropdownButtonCustomHotkeyScopeScopedFamilyState';
 import { DropdownRecoilScopeContext } from '../states/recoil-scope-contexts/DropdownRecoilScopeContext';
 
-const StyledContainer = styled.div`
-  position: relative;
-  z-index: 100;
-`;
-
 type OwnProps = {
   buttonComponents: JSX.Element | JSX.Element[];
   dropdownComponents: JSX.Element | JSX.Element[];
@@ -81,7 +75,7 @@ export function DropdownButton({
   ]);
 
   return (
-    <StyledContainer ref={containerRef}>
+    <div ref={containerRef}>
       {hotkey && (
         <HotkeyEffect
           hotkey={hotkey}
@@ -94,6 +88,6 @@ export function DropdownButton({
           {dropdownComponents}
         </div>
       )}
-    </StyledContainer>
+    </div>
   );
 }