General doc page fixes [moved from highlight/highlight.io#449]

[Crawron]

Summary

Original PR, with a more detailed commit history highlight/highlight.io#449

• Stack code snippets in docs guide page in mobile. fix Support guide pages on mobile highlight.io#351
• Guide page breaks bounds in mobile
• Docs header on mobile looks wrong

---

• Subheading in doc pages should be linked
• Heading ids in doc pages generate inconsistently
• Scrolling from right sidebar is “misaligned”

---

• Left sidebar in docs should extend full viewport height. fix Left panel for docs should span the full viewport height highlight.io#444
• Title in landing page should have consistent padding
• Add a separator to docs header

---

• Automatically close menu on docs page in mobile
• Remove duplicated forward slashes in links

---

• Pricing page and docs guides now expand properly on desktop. fix Pricing page doesn't expand on desktop #4780
• Make any header linkable (Ran into issues with this, not sure how to fix it)
• Prevent docs menu from overflowing the view
• Add product links to page footer. fix Add product pages to footer #4753

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
highlight-landing	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Mar 29, 2023 at 4:52AM (UTC)

[jay-khatri]

Looks great, a few comments:

• stacking on the guide pages is working for mobil, but now its not side-by-side on desktop?
• mobile dropdown + heading edits:
  https://www.loom.com/share/09f4f1bc01d7438b99714c0130ed0dcd
• thoughts on headings:
  https://www.loom.com/share/a317db40cd8f4534b12aa18bb1419ac8

[Vadman97]

preview should be working now - https://highlight-landing-git-general-doc-fixes-highlight-run.vercel.app/docs/getting-started/client-sdk/angular

[jay-khatri]

fix session replay, then looks good!
things to follow up on:

• jankiness on links
• smaller headers don't work