Refactor/new menu item (#1448)

* wip

* finished

* Added disabled

* Fixed disabled

* Finished cleaning

* Minor fixes from merge

* Added docs

* Added PascalCase

* Fix from review

* Fixes from merge

* Fix lint

* Fixed storybook tests

front/src/modules/ui/layout/show-page/components/ShowPageAddButton.tsx

@@ -4,12 +4,12 @@ import { useOpenCreateActivityDrawer } from '@/activities/hooks/useOpenCreateAct
 import { ActivityTargetableEntity } from '@/activities/types/ActivityTargetableEntity';
 import { IconButton } from '@/ui/button/components/IconButton';
 import { DropdownButton } from '@/ui/dropdown/components/DropdownButton';
-import { DropdownMenuItem } from '@/ui/dropdown/components/DropdownMenuItem';
 import { StyledDropdownMenu } from '@/ui/dropdown/components/StyledDropdownMenu';
 import { StyledDropdownMenuItemsContainer } from '@/ui/dropdown/components/StyledDropdownMenuItemsContainer';
 import { useDropdownButton } from '@/ui/dropdown/hooks/useDropdownButton';
 import { IconCheckbox, IconNotes, IconPlus } from '@/ui/icon/index';
 import { RelationPickerHotkeyScope } from '@/ui/input/relation-picker/types/RelationPickerHotkeyScope';
+import { MenuItem } from '@/ui/menu-item/components/MenuItem';
 import { ActivityType } from '~/generated/graphql';
 
 const StyledContainer = styled.div`
@@ -50,20 +50,18 @@ export function ShowPageAddButton({
             <StyledDropdownMenuItemsContainer
               onClick={(e) => e.stopPropagation()}
             >
-              <DropdownMenuItem
+              <MenuItem
                 onClick={() => handleSelect(ActivityType.Note)}
-                accent="regular"
-              >
-                <IconNotes size={16} />
-                Note
-              </DropdownMenuItem>
-              <DropdownMenuItem
-                onClick={() => handleSelect(ActivityType.Task)}
-                accent="regular"
-              >
-                <IconCheckbox size={16} />
-                Task
-              </DropdownMenuItem>
+                accent="default"
+                LeftIcon={IconNotes}
+                text="Note"
+              />
+              <MenuItem
+                onClick={() => handleSelect(ActivityType.Note)}
+                accent="default"
+                LeftIcon={IconCheckbox}
+                text="Task"
+              />
             </StyledDropdownMenuItemsContainer>
           </StyledDropdownMenu>
         }