UI scroll issue

[sushant-suse]

Which issue(s) this PR fixes:

Issue longhorn/longhorn#8143

What this PR does / why we need it:

It modifies two things:

1. Initially whenever there was large code block, it gave a long horizontal scroll. I modified the config.toml file and added a flag that made hugo to use html and css with the markdown. Apart from this, I added 2 classes in assets/style.sass to modify the width of the code block and added line-wrap to it.
2. The default page was having a lot of empty white space so I increased the width of the actual content and reduced the size of the Recent Articles recommendation.

Special notes for your reviewer:

This affects all code blocks in all documentation pages.
This affects the page structure of all the knowledge base articles.

Additional documentation or context

No

[netlify]

✅ Deploy Preview for longhornio ready!

Name	Link
🔨 Latest commit	44e2e9d
🔍 Latest deploy log	https://app.netlify.com/sites/longhornio/deploys/67e1114884153f000852785b
😎 Deploy Preview	https://deploy-preview-1074--longhornio.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 site configuration.

[houhoucoop]

LGTM

[derekbit]

LGTM