Chore(front): Create Storybook tests for the DropdownMenu component (#2157)

* Chore(front): Create Storybook tests for the DropdownMenu component

Co-authored-by: Benjamin Mayanja V <vibenjamin6@gmail.com>
Co-authored-by: FellipeMTX <fellipefacdir@gmail.com>

* Fix the tests

Co-authored-by: Benjamin Mayanja V <vibenjamin6@gmail.com>
Co-authored-by: FellipeMTX <fellipefacdir@gmail.com>

* Simplify Dropdown

* Remove console.log

---------

Co-authored-by: Benjamin Mayanja V <vibenjamin6@gmail.com>
Co-authored-by: FellipeMTX <fellipefacdir@gmail.com>
Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/modules/ui/data/data-table/components/DataTableColumnDropdownMenu.tsx

@@ -1,7 +1,7 @@
 import { FieldMetadata } from '@/ui/data/field/types/FieldMetadata';
 import { IconArrowLeft, IconArrowRight, IconEyeOff } from '@/ui/display/icon';
+import { DropdownMenu } from '@/ui/layout/dropdown/components/DropdownMenu';
 import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer';
-import { StyledDropdownMenu } from '@/ui/layout/dropdown/components/StyledDropdownMenu';
 import { useDropdown } from '@/ui/layout/dropdown/hooks/useDropdown';
 import { MenuItem } from '@/ui/navigation/menu-item/components/MenuItem';
 
@@ -52,7 +52,7 @@ export const DataTableColumnDropdownMenu = ({
   return column.key === primaryColumnKey ? (
     <></>
   ) : (
-    <StyledDropdownMenu>
+    <DropdownMenu>
       <DropdownMenuItemsContainer>
         {!isFirstColumn && (
           <MenuItem
@@ -74,6 +74,6 @@ export const DataTableColumnDropdownMenu = ({
           text="Hide"
         />
       </DropdownMenuItemsContainer>
-    </StyledDropdownMenu>
+    </DropdownMenu>
   );
 };