Wrong cursor for dropdown type in navbar

[ArthurFlag]

Have you read the Contributing Guidelines on issues?

• [X] I have read the Contributing Guidelines on 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.

[slorber]

Please show a video of the problem. It works as intended for me using your sandbox:

https://user-images.githubusercontent.com/749374/209946550-b2c4627b-8a9d-45ae-b052-bc3f2ef80dc6.mp4

[ArthurFlag]

My bad, I forgot an important detail: it's only for widths smaller than the 1000px(ish?) breakpoint. I added a video in the original message and updated the title.