Wrong cursor for dropdown type in navbar

### Have you read the Contributing Guidelines on issues?

- [X] I have read the [Contributing Guidelines on issues](https://github.com/facebook/docusaurus/blob/main/CONTRIBUTING.md#reporting-new-issues).

### Prerequisites

- [X] I'm using the latest version of Docusaurus.
- [X] I have tried the `npm run clear` or `yarn clear` command.
- [X] I have tried `rm -rf node_modules yarn.lock package-lock.json` and re-installing packages.
- [X] I have tried creating a repro with https://new.docusaurus.io.
- [X] I have read the console error message carefully (if applicable).

### Description

https://user-images.githubusercontent.com/28596581/210117235-d35a56a0-c15c-4c08-8fd6-544e3cda385f.mov

Create a dropdown entry in the navbar with `to` or `href` links, for example:

```
{
label: "Dropdown",
type: "dropdown",
position: "left",
items: [
{
label: "Test API",
to: "/a-link"
},
{
label: "Test API 2",
to: "/a-link"
}
]
}
```

In this case the cursor when hovering over the dropdown is a text cursor instead of a pointing finger.

### Reproducible demo

https://codesandbox.io/s/wonderful-leaf-wwdzee?file=/docusaurus.config.js

### Steps to reproduce

1. Have a dropdown in the navbar.
2. Switch to table width or similar.

### Expected behavior

All clickable elements, typically links, should have the same cursor.

### Actual behavior

Cursor turns into text selection cursor.

### Your environment

_No response_

### Self-service

- [ ] I'd be willing to fix this bug myself.