Wrap code blocks

See: facebook/docusaurus#7875 (comment)

utils/website/graphile-config/preset.md

@@ -61,19 +61,27 @@ You can specify a `graphile.config.ts` file, but if that uses `export default`,
 and your TypeScript is configured to export ESM, then you may get an error
 telling you that you cannot `require` an ES Module:
 
+<div className="wrapcode">
+
 ```
 Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: /path/to/graphile.config.ts
 require() of ES modules is not supported.
 require() of /path/to/graphile.config.ts from /path/to/node_modules/graphile-config/dist/loadConfig.js is an ES module file as it is a .ts file whose nearest parent package.json contains "type": "module" which defines all .ts files in that package scope as ES modules.
 Instead change the requiring code to use import(), or remove "type": "module" from /path/to/package.json.
 ```
 
+</div>
+
 Or, in newer versions, an error saying unknown file extension:
 
-```js
+<div className="wrapcode">
+
+```
 TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts" for /path/to/graphile.config.ts
 ```
 
+</div>
+
 To solve this, use the experimental loaders API to add support for TS ESM via
 the `ts-node/esm` loader:
 

utils/website/src/css/custom.css

@@ -31,3 +31,7 @@
   --ifm-color-primary-lightest: #ffffff;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
+
+.wrapcode code {
+  white-space: pre-wrap;
+}