feat: Implement heading permalinks with hover chain icon

[FavourTy]

Notes for Reviewers

This PR fixes #

Signed commits

• Yes, I signed my commits.

[netlify]

✅ Deploy Preview for bejewelled-pegasus-b0ce81 ready!

Name	Link
🔨 Latest commit	5917ec6
🔍 Latest deploy log	https://app.netlify.com/projects/bejewelled-pegasus-b0ce81/deploys/684374d71cb5600008107e84
😎 Deploy Preview	https://deploy-preview-597--bejewelled-pegasus-b0ce81.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 project configuration.

[leecalcote]

Oh, interesting - a render hook. I was expecting a pseudo selector for ::after with Unicode for a link icon. With the said, the render hook not only inserts the link icon, but also an anchor element. Nice.

Please be sure to use the existing variable for color, not the literal hex code itself. Double check that your use of Keppel green (#00b39f) is an alignment with what I think might be largely the use of the Caribbean green as the action color / <a> tag color.

[zihanKuang]

Hi @FavourTy , this is excellent work! I just have a couple of minor suggestions😊:

1. The image on the homepage has shifted. There might be an issue with the settings for the text formatting.

2. I think it would look more consistent if the icons at all levels were slightly smaller. For reference, you can see in the Meshery documentation that the icons are about the same size as the text, but in the Layer5 documentation, they are a bit larger.

• This is from the Layer5 documentation.

• This is from the Meshery documentation.

[zihanKuang]

Hey @FavourTy, our repository ran into some issues recently, which unfortunately led to us having to close all open PRs.🤕
Would you mind re-forking the repository and continuing your work on this PR? Your previous progress was almost complete, and we'd really appreciate you finishing it up!