Command menu list design updates (#10075)

- Add 2px gap between items
- Update `MenuItemCommand` style to distinguish `hovered` and `selected`
states



https://github.com/user-attachments/assets/d1e29f07-32e7-4ace-9aa1-0ea83712f052

packages/twenty-ui/src/navigation/menu-item/components/MenuItemCommand.tsx

@@ -48,10 +48,10 @@ const StyledMenuItemCommandContainer = styled.div<{ isSelected?: boolean }>`
   user-select: none;
   width: calc(100% - 2 * var(--horizontal-padding));
   &:hover {
-    background: ${({ theme }) => theme.background.transparent.light};
+    background: ${({ theme }) => theme.background.transparent.lighter};
   }
   &[data-selected='true'] {
-    background: ${({ theme }) => theme.background.tertiary};
+    background: ${({ theme }) => theme.background.transparent.light};
   }
   &[data-disabled='true'] {
     color: ${({ theme }) => theme.font.color.light};