Duplicate logo in navbar on load in Firefox with v3

[peterpeterparker]

Have you read the Contributing Guidelines on issues?

• I have read the Contributing Guidelines on issues.

Prerequisites

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

Description

Hi,

When loading a docusaurus v3 website with Firefox, the logo gets duplicated in the navbar while the website is loading which makes the ui perception glitchy.

Screenshot:

Gif:

Reproducible demo

No response

Steps to reproduce

Open https://new.docusaurus.io/ in Firefox

Expected behavior

No glitch

Actual behavior

See description

Your environment

• Public source code:
• Public site URL:
• Docusaurus version used:
• Environment name and version (e.g. Chrome 89, Node.js 16.4):
• Operating system and version (e.g. Ubuntu 20.04.2 LTS):

Self-service

• I'd be willing to fix this bug myself.

[pavanh007]

Hi @peterpeterparker , I'm very new to open-source. I'm happy if you assign this bug to me. ☺️