docs: redesign help button (#8610)

Redesign help button

Closes DOCS-817

www/packages/docs-ui/src/components/Menu/Action/index.tsx

@@ -20,7 +20,9 @@ export const MenuAction = ({ item }: MenuActionProps) => {
       tabIndex={-1}
       onClick={item.action}
     >
-      <span className="text-medusa-fg-subtle">{item.icon}</span>
+      <span className="text-medusa-fg-subtle mt-[2.5px] block">
+        {item.icon}
+      </span>
       <span className="text-compact-small flex-1">{item.title}</span>
       {item.shortcut && (
         <span className="text-medusa-fg-subtle text-compact-small">

www/packages/docs-ui/src/components/Menu/Item/index.tsx

@@ -20,7 +20,9 @@ export const MenuItem = ({ item }: MenuItemProps) => {
       )}
       href={item.link}
     >
-      <span className="text-medusa-fg-subtle">{item.icon}</span>
+      <span className="text-medusa-fg-subtle mt-[2.5px] block">
+        {item.icon}
+      </span>
       <span className="text-compact-small">{item.title}</span>
     </Link>
   )