Feat: Enhance beauty of terminal in main page

[saugat1070]

You will be happy after seeing the UI of the terminal. and i reduce some code Repetition

[netlify]

✅ Deploy Preview for syntaxforge-docs ready!

Name	Link
🔨 Latest commit	9617289
🔍 Latest deploy log	https://app.netlify.com/projects/syntaxforge-docs/deploys/68edf12c038a7300083ddca6
😎 Deploy Preview	https://deploy-preview-77--syntaxforge-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[netlify]

✅ Deploy Preview for syntaxforge ready!

Name	Link
🔨 Latest commit	9617289
🔍 Latest deploy log	https://app.netlify.com/projects/syntaxforge/deploys/68edf12cd2f16f00086ae3d9
😎 Deploy Preview	https://deploy-preview-77--syntaxforge.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[ethanillingsworth]

I like the new design but for some reason the home page has an x-overflow that shouldn't be present (scroll bar on the bottom of screen). I am using Firefox to view the page but their appears to be another y overflow on Chromium. None of these overflows are present in the current build.

There is a weird gap where the editor should fill on the home page.

The code you wrote for the sample on the home page doesnt seem to print out any of the skills, might wanna check that too.

All these issues are present in the images below:

Once you fix these errors (which I hope wont be hard because I want to merge this). Then ill resolve any conflicts and merge this! Thank you for the effort you put into this!