[BUG] - DropdownItem using href replaces <li> with <a>, accessibility issue

[Micueb]

NextUI Version

2.4.8

Describe the bug

On using href on a DropdownItem turns the item from a <li> into an <a>, which breaks accessibility.
I need to have links inside my dropdown leading to external pages.

<DropdownItem key="dashboard">Dashboard</DropdownItem>
<DropdownItem key="settings" href="www.faq-url.com">External FAQ</DropdownItem>
<DropdownItem key="new_project" endContent={<PlusIcon className="text-large" />}>
            New Project
</DropdownItem>

results in:

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

1. Create dropdown component
2. Add serveral items
3. Add href to one of the items
4. <li> of that item turns into <a>

Expected behavior

As a user I expect that <ul> only contains <li>

Screenshots or Videos

No response

Operating System Version

macOs

Browser

Chrome

[linear]

ENG-1838 [BUG] - DropdownItem using href replaces <li> with <a>, accessibility issue

[wingkwong]

@macci001 The previous PR got reverted due to the layout breaking and onClick issue. Please follow up.