[BUG] Inconsistent pointer behavior on menu button hover

[IsteakShupto]

Prior Issues

I have checked through the existing issues and PRs but did not find any that address the inconsistent behavior of the pointer on the hamburger menu of the header components in DripUI.

Current Behavior

On the page where header components are listed (specifically where all basic navbars are displayed), the navigation button components show inconsistent behavior on hover in mobile view.

Steps to Reproduce

1. Open the DripUI web app on Chrome or Edge browser.
2. Navigate to the component's section.
3. Go to the header components section.
4. Select one of the basic navbar components and switch to mobile view.
5. In mobile view, hover over the menu button (hamburger icon). The mouse pointer flickers between the default cursor and cursor-pointer, resulting in inconsistent behavior where the pointer briefly changes to the pointer icon and then reverts to the default cursor. This creates a bad user experience.

Expected Behavior

The flickering should stop, and the pointer should consistently remain as cursor-pointer when hovering over the menu button, without shifting between the default cursor and cursor-pointer.

Environment Details

• This issue occurs on both Google Chrome and Microsoft Edge browsers.

[ShyneADL]

Assign this task to me

[chbasit]

fixed please check now
#75