Double next/prev arrow on blog post

[TheZoker]

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

In the latest release, there are two arrows on the next/prev element on the blog:

This can also be reproduced here:
https://docusaurus.io/blog/2021/11/21/algolia-docsearch-migration

The arrow is once inserted as HTML element and once as :after element with the content attribute.

Steps to reproduce

See above

Expected behavior

Only one arrow instead of two

Actual behavior

Two arrows

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):

Reproducible demo

No response

Self-service

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

[Josh-Cena]

The fix would be easy, but it would be related to our theme designing approach. @slorber should we make DocPaginatorNavLink a generic PaginatorNavLink component, or should we just make another BlogPaginatorNavLink component? I prefer the former

[slorber]

👍 for PaginatorNavLink

We should start to implement our own typesafe theme design system (+ storybook + Chromatic) instead of using Infima classes everywhere, and this component is a good first candidate as it is used in multiple places

See also #6116