Section anchor tags on right sidebar not working

[Praddyumn16]

Bug Description
The section sidebar on the right side of the docs page is not working properly. The id's associated with submenu items are not correct due to which if we click on any menu item, it does not scroll to that particular section. Also, the clicked menu item should be highlighted which is not happening.

To Reproduce

1. Go to any documentation page on https://kafka.js.org/docs/getting-started and explore the right sidebar.
2. For instance go to the consumers documentation here: https://kafka.js.org/docs/consuming and stay on the top of the page.
3. Now, click on "Pause & Resume" on the right sidebar. It does not scroll to the correct section
4. Note that some anchor tags like "Follower Fetching" are working fine but most of them are not.

Expected behavior

1. When clicked on an item in the right sidebar of the documentation page, it should take us to that particular section. }
2. Additionally, the clicked menu item should get highlighted.

Observed behavior

Wrong anchor tag in the URL on clicking "Pause & Resume":

Anchor tag for "Pause and Resume" section that I found in code:

[Praddyumn16]

I would like to work on this issue.

Also, I thought of discussing this bug with the community over the slack channel but the invite link provided in the readme and website has either been expired or revoked. Please look into it @tulios if possible. Thanks!