fix: allow inline code to wrap on mobile viewports

[blaqshyd]

Description of what this PR is changing or adding, and why:

This PR resolves the horizontal overflow issue reported in #13251.

By removing the rigid white-space: nowrap rule for main code and main kbd elements, the site now utilizes a fluid wrapping model. This ensures that long API identifiers (common in breaking changes documentation) wrap gracefully on mobile devices
or on desktop viewports with an active sidebar.

Issues fixed by this PR (if any): Fixes #13251

PRs or commits this PR depends on (if any):

VIsual Verification

Before	After

Presubmit checklist

• If you are unwilling, or unable, to sign the CLA, even for a tiny, one-word PR, please file an issue instead of a PR.
• If this PR is not meant to land until a future stable release, mark it as draft with an explanation.
• This PR follows the Google Developer Documentation Style Guidelines—for example, it doesn't use i.e. or e.g., and it avoids I and we (first-person pronouns).
• This PR uses semantic line breaks
  of 80 characters or fewer.

[google-cla]

Thanks for your pull request! It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

View this failed invocation of the CLA check for more information.

For the most up to date status, view the checks section at the bottom of the pull request.

[gemini-code-assist]

Code Review

This pull request updates the SCSS for code components, primarily changing the white-space and word-break properties for inline code to allow for better text wrapping. It also includes various formatting adjustments, such as removing spaces around child combinators and cleaning up trailing whitespace. The review feedback identifies unnecessary empty lines that should be removed to maintain consistency with the existing file style.