fix(www): API Pages Responsive

[DuskoPeric]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://github.com/ngrx/platform/blob/main/CONTRIBUTING.md#commit
• Tests for the changes have been added (for bug fixes / features)
• Documentation has been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[x] Bugfix
[ ] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Documentation content changes
[ ] Other... Please describe:

What is the current behavior?

Api pages are not responsive

Closes #4816

What is the new behavior?

Api pages are responsive

Does this PR introduce a breaking change?

[ ] Yes
[x] No

[netlify]

✅ Deploy Preview for ngrx-io canceled.

Built without sensitive environment variables

Name	Link
🔨 Latest commit	4aa9e36
🔍 Latest deploy log	https://app.netlify.com/projects/ngrx-io/deploys/6850831c24bb9f00087954a4

[netlify]

✅ Deploy Preview for ngrx-site-v19 ready!

Name	Link
🔨 Latest commit	4aa9e36
🔍 Latest deploy log	https://app.netlify.com/projects/ngrx-site-v19/deploys/6850831c6c5ff0000855cefc
😎 Deploy Preview	https://deploy-preview-4821--ngrx-site-v19.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.

[timdeschryver]

This looks good to me.
I only notice a double scroll bar on a normal screen (this is also the case before these changes).

https://ngrx-site-v19.netlify.app/api/store/createActionGroup

We can create a new issue for this if it isn't in scope of this issue.

[DuskoPeric]

Thanks @timdeschryver for the review and approval. Maybe that double scroll bar should be in new issue like you suggest.

[markostanimirovic]

This was the fix in the previous PR to remove duplicate horizontal scroll bars on the page. We can revert it to overflow-x: auto.

[markostanimirovic]

This can be removed. It's better to show the scrollbar if needed instead of hiding it and disabling scroll functionality. If the scrollbar is unnecessarily displayed, we should identify which element causes the issue and fix its width.

[markostanimirovic]

For code parts, we can leave horizontal scrollbars. With pre-wrap, code won't be formatted and scroll bars will remain for empty content: