message: fix: menuitem design
diff: @@ -70,12 +70,15 @@ export const MenuItem = {
  color: 'text.400',
  },
  },
  - _focus: {
  + _hover: {
  bg: 'muted.200',
  },
  - _pressed: {
  + _focus: {
  bg: 'muted.300',
  },
  + _pressed: {
  + bg: 'muted.400',
  + },
  _icon: {
  color: 'muted.500',
  @@ -97,12 +100,15 @@ export const MenuItem = {
  color: 'text.600',
  },
  },
  - _focus: {
  + _hover: {
  bg: 'muted.700',
  },
  - _pressed: {
  + _focus: {
  bg: 'muted.600',
  },
  + _pressed: {
  + bg: 'muted.500',
  + },
  _icon: {
  color: 'muted.400',
  