Poor styling in Home page and other page leading in misallignment of containers and element #359
Description
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