Platform Engineering Maturity Model tab improvement

[abangser]

On the website we have a tab design.

This has been useful because we have a more web friendly view which differentiates from a single PDF.

However, it has created issues with anchor links to the tabs and within them.

Issue 1: URLs with anchors to the tabs do not actually open to the tabs

If you click on the table aspect Investment it will open the correct tab and change the URL to https://tag-app-delivery.cncf.io/whitepapers/platform-eng-maturity-model/#Interfaces, however the page does not scroll to focus on the newly opened tab and should someone go directly to that link, the page opens from the top.

Issue 2: Subheaders within the tabs do not anchor

Within the tabs there are anchor links (even have the 🔗 icon on them) for the subheaders. They are unique as they include both common info (e.g. Level 1 - Provisional) but also the unique descriptors (e.g. Level 1 - Provisional -- by request for Operations).

These also set the URL when the 🔗 is clicked on and it is copied for the user, but they remove the aspect details from the URL even if it was there. When these links are used directly, they do not open the right tab nor scroll to the right section.

---

This is a nice to have fix, and there is an option to just move back to a single long scroll page.

[Aditya-138-12]

I have made a new pull request for this issue, can u assign this issue to me please,
Thanks!