[bug]: Inconsistent use of cursor-default vs cursor-pointer in MenubarItem vs DropdownMenuItem

Describe the bug

I observed the following inconsistency:

MenubarItem has cursor-pointer explicitly set in its className property. DropdownMenuItem has cursor-default explicitly set in its className property.

Additionally, comparing it to Button component where there is no cursor property defined at all. This actually allows for a simple global CSS rule to set the cursor to whatever we would like. This approach is not convenient for the menuitems, because the global CSS would need the !important rule.

Somehow relates to issues like https://github.com/shadcn-ui/ui/issues/6843 related: https://github.com/shadcn-ui/ui/issues/2212

Possible solution: Remove cursor-* from components with role=button and role=menuitem so that we have one common approach how to deal with it and also one common way to solve it.

Affected component/components

MenubarItem, DropdownMenuItem

How to reproduce

1. Add a MenuBar with MenubarItems
2. Add a DropDownMenu with DropDownMenuItems
3. Hover over the items of each menu type
4. See error.

Codesandbox/StackBlitz link

No response

Logs

System Info

Chromium. But it's irrelevant.

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues