feat: page navigation

[hirasso]

Description

I had some time to look into the page navigation (previous/next in the footer of each page). Turns out it was actually a bit tricky to derive the correct adjacent pages based on the (nested) menu structure. What I went for:

• Every page has a link to a previous and next page.
• If there is no next/previous page sibling, jump one level up for the next page (for example, the next page after /getting-started/upgrading/ is /options/)
• If there is no next page at all, loop around (go from last page to the first and vice versa)
• On desktop, the links are distributed in a familiar left/right layout
• On mobile, the first item is the "next" link, followed by the "previous" link
• I also adjusted the ".edit-this-page" link a bit, with an edit icon and a slightly different wording.
• For the new icons, I installed feather icons as a compile-time dependency

Checks

• [x] The PR is submitted to the master branch
• [x] The code was linted before pushing (npm run lint)
• [x] All tests are passing (npm run test)

[netlify[bot]]

✅ Deploy Preview for splendorous-kataifi-9ae281 ready!

Name	Link
🔨 Latest commit	0dacde5a3efa348679c9dc64e7867b4a371088a1
🔍 Latest deploy log	https://app.netlify.com/sites/splendorous-kataifi-9ae281/deploys/645012d1aec281000814aeac
😎 Deploy Preview	https://deploy-preview-107--splendorous-kataifi-9ae281.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[hirasso]

As a side note: The main focus here is to make sure we have all data and functionality we need when the time should come for a redesign.

[hirasso]

After browsing the site at netlify on mobile, I realized that the stacked layout on mobile might not even be necessary. Will change that.

[daun]

Sweet 🥨 Looking good on mobile as well from my end.

[hirasso]

Changed a few things:

• The layout is now horizontal on mobile as well
• The navigation doesn't loop around anymore. I find it clearer when there is only one link on the "Getting Started" page
• Links to external pages are now being ignored for the navigation. So the next page after /third-party-integrations/ is now /api/, as it should be :)