Poor styling in Home page and other page leading in misallignment of containers and element

[upsaurav12]

Current Behavior

Currently in nighthawk website there is some misallignment of container , in homepage and other pages
See this video

cinnamon-2024-07-12T0136230530.mp4

Some text in container are overflowing outside and also some content in 'https://getnighthawk.dev/docs/functionality/performance-benchmarking/' are not visible

Expected Behavior

We can fix this by adding toggle button in side-navbar so that the we can utitlize sidenavbar space and we can access it when the user needs.
Some Content were not visible because they were overflowing so we need to fix this also

Screenshots/Logs

Environment

• **Host OS:**Linux
• **Platform:**Mozilla
• Meshery Server Version: stable-v
• Meshery Client Version: stable-v

---

Contributor Resources

• See the Contributing to getnighthawk.dev Website
• See the Project Site section of GetNighthawk project doc
• 🎨 Wireframes and designs for Nighthawk Site in Figma
• Meshery UI Nighthawk (Performance) in Figma
• 🙋🏾🙋🏼 Questions: Layer5 Discussion Forum and Layer5 Community Slack

[welcome]

Thanks for opening this issue. A contributor will be by to give feedback soon. In the meantime, please review the Layer5 Community Welcome Guide and sure to join the community Slack.

[upsaurav12]

I want to work on this issue

[leecalcote]

Thanks, @upsaurav12 👍

// @hargunkaur286 @Ashparshp @vishalvivekm

[upsaurav12]

Thanks @leecalcote