[UI]: Truncated command and unbalanced layout in Single Step Installation section

Description

On the Meshery Getting Started page (https://layer5.io/cloud-native-management/meshery/getting-started), the "Single Step Installation" section is currently left-aligned with a large amount of unused space on the right side.

Because the command block is constrained in width, the installation command (curl -L https://meshery.io/install | PLATFORM=...) gets truncated horizontally, preventing users from seeing the full command at a glance.

Per community discussion with @APIPAWE KATOTO Daniel, this section should be centered, the command container width expanded to display the full command without truncation, and the page margins refined.

Expected Behavior

• Center align the "Single Step Installation" section to better utilize the page space.
• Expand the command box width so the entire curl command is visible without horizontal truncation.
• Balance page margins properly across desktop and mobile viewports.

Screenshots

Environment:

• Host OS: macOS
• Browser: Arc / Google Chrome

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.