fix: menuitem design

Author: ankit-tailor

src/theme/components/menu.ts

@@ -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',