✨ Enhancement: Implement the Prev / Next navigation in all the pages

[benjagm]

Is your feature request related to a problem? Please describe

We implemented a component to enable Prev / Next navigation in our docs, however this component need to be enabled in all the pages.

The component is available here: components/NextPrevButton.tsx

Describe the solution you'd like

To implement it in all docs pages available in the sidebar, please follow these instructions:

1. Add prev and next metadata to the markdown page following this format:

---
title: Creating your first schema
section: docs
prev: 
  label: prev
  url: '#1'
next: 
  label: Miscellaneous examples
  url: '#2'
---

2. Add the component to the typescript page:

import NextPrevButton from '~/components/NextPrevButton';

3. Add the component to the body of the page:

<NextPrevButton prevLabel={frontmatter.prev.label} prevURL={frontmatter.prev.url} nextLabel={frontmatter.next.label} nextURL={frontmatter.next.url} />

Some markdown files are symlink to the content of GitHub submodules, for example, the Sponsors page. In this case, it will be required to create a PR in the community repo to add the metadata to the original markdown and update _includes/community submodule to the latest version once it is merged.

Implementations steps:

We will create a new PR for each docs section:

• Overview Add next prev button in Docs-->Overview #1084
• Getting Started
• Reference
• Specification

[RonakSurana-2001]

I am interested on working on this issue. Can you please assign this issue to me?

[DhairyaMajmudar]

Assigned the issue to you @RonakSurana-2001 🚀