Design fixes (#696)

* Design fixes

* Fix design

* unused code

* Fix tests

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

@@ -1,7 +1,9 @@
 import styled from '@emotion/styled';
 
-export const DropdownMenuItem = styled.div`
-  --horizontal-padding: ${({ theme }) => theme.spacing(1.5)};
+import { hoverBackground } from '@/ui/themes/effects';
+
+export const DropdownMenuItem = styled.li`
+  --horizontal-padding: ${({ theme }) => theme.spacing(1)};
   --vertical-padding: ${({ theme }) => theme.spacing(2)};
 
   align-items: center;
@@ -9,8 +11,10 @@ export const DropdownMenuItem = styled.div`
   border-radius: ${({ theme }) => theme.border.radius.sm};
   color: ${({ theme }) => theme.font.color.secondary};
 
+  cursor: pointer;
   display: flex;
   flex-direction: row;
+
   font-size: ${({ theme }) => theme.font.size.sm};
 
   gap: ${({ theme }) => theme.spacing(2)};
@@ -18,5 +22,9 @@ export const DropdownMenuItem = styled.div`
   height: calc(32px - 2 * var(--vertical-padding));
 
   padding: var(--vertical-padding) var(--horizontal-padding);
+
+  ${hoverBackground};
+
+  user-select: none;
   width: calc(100% - 2 * var(--horizontal-padding));
 `;