[UI] Fix the overlap for medium screens

### Description On the [Layer5 Privacy Policy page](https://layer5.io/company/legal/privacy?utm_source=chatgpt.com), the Table of Contents sidebar overlaps the main content when the viewport is resized to medium screen sizes. The sidebar items render on top of the page text instead of maintaining proper spacing or stacking behavior, which affects readability and layout responsiveness. ### Expected Behavior The Table of Contents should remain properly aligned and responsive without overlapping the content. ### Screenshots <!-- Add screenshots, if applicable, to help explain your problem. --> <img width="1032" height="958" alt="Image" src="https://github.com/user-attachments/assets/b04012cb-5e83-47fd-af40-1210cd404b7c" /> <img width="1221" height="960" alt="Image" src="https://github.com/user-attachments/assets/0a4caf0a-2f7e-424e-becf-a2d1c8dfe27f" /> --- <img src="https://raw.githubusercontent.com/layer5io/layer5/master/.github/assets/images/layer5/5-light-small.svg" width="24px" align="left" /><h2>Contributor Resources and <a href="https://layer5.io/community/handbook">Handbook</a></h2> The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the [`master` branch](https://github.com/layer5io/layer5/tree/master). - 📚 See [contributing instructions](https://github.com/layer5io/layer5/blob/master/CONTRIBUTING.md). - 🎨 Wireframes and [designs for Layer5 site](https://www.figma.com/file/5ZwEkSJwUPitURD59YHMEN/Layer5-Designs) in Figma [(open invite)](https://www.figma.com/team_invite/redeem/GvB8SudhEOoq3JOvoLaoMs) - 🙋🏾🙋🏼 Questions: [Discussion Forum](https://discuss.layer5.io) and [Community Slack](https://slack.layer5.io). <img src="https://raw.githubusercontent.com/layer5io/layer5/master/.github/assets/images/buttons/community.webp" height="22px" align="left" />Join the Layer5 Community by submitting your [community member form](https://layer5.io/newcomer).