Make content more readable

[Blargian]

Summary

Introduces a small styling change to content width to improve readability. Closes #2940. Currently docs have the Docusaurus content area defaults overridden to make content full page width. This results in a high character count per line compared to other documentation sites (see eg. React Native, Jest, MongoDB) and general guidelines for readability (see #2940 for justification).

Before:

After:

Small change but makes a huge difference to readability in my opinion. We can always increase padding between content and the table of contents on the right if the white space on the right feels uncomfortable.

Of course subjective, interested to know what others think.

Checklist

• Delete items not relevant to your PR
• URL changes should add a redirect to the old URL via https://github.com/ClickHouse/clickhouse-docs/blob/main/docusaurus.config.js
• If adding a new integration page, also add an entry to the integrations list here: https://github.com/ClickHouse/clickhouse-docs/blob/main/docs/en/integrations/index.mdx

[gingerwizard]

@gjones your opinion here please

[gingerwizard]

@Blargian we defer this to design. cc @gjones who has to approve visual changes.

[Blargian]

Actually, docs site looks quite okay on a smaller screen. I think all that's needed here is a media query for devices with wider screens (eg 2560x1600 was what I was using when I made the issue)

[gjones]

@Blargian Thanks for doing this! I'd rather we avoided centring the content though as it introduces an awkward gap between the navigation and the documentation. I do agree that the width needs to be limited though. I'd vote we keep it simple and just a max-width: 1024px (or larger) to the docItemContainer_c0TR which would give us something like below. Would that work for you?

[Blargian]

@Blargian Thanks for doing this! I'd rather we avoided centring the content though as it introduces an awkward gap between the navigation and the documentation. I do agree that the width needs to be limited though. I'd vote we keep it simple and just a max-width: 1024px (or larger) to the docItemContainer_c0TR which would give us something like below. Would that work for you?

That works too!