fix(docs-infra): prevent main content from overlapping with ToC (#42884)
fix(docs-infra): prevent main content from overlapping with ToC (#42884)

Previously, if there was more content than what would horizontally fit
in the main content area, it would overflow to the right and overlap
with the Table of Contents (ToC).
This was accidentally introduced in #42787.

This commit fixes it by ensuring that the main content area will not
overlap with ToC and the necessary space for the ToC will be reserved
using `margin` (instead of `padding`, which contributes to the element's
size).

Fixes #42867

PR Close #42884

JiaLiPassion/angular,manekinekko/angular,angular/angular,JiaLiPassion/angular,angular/angular,ocombe/angular,JiaLiPassion/angular,brandonroberts/angular,brandonroberts/angular,manekinekko/angular,manekinekko/angular,ocombe/angular,angular/angular,brandonroberts/angular,angular-indonesia/angular,manekinekko/angular,shairez/angular,gnomeontherun/angular,JiaLiPassion/angular,ocombe/angular,gnomeontherun/angular,angular-indonesia/angular,manekinekko/angular,ocombe/angular,angular/angular,angular-indonesia/angular,angular-indonesia/angular,gkalpak/angular,manekinekko/angular,shairez/angular,gnomeontherun/angular,ocombe/angular,brandonroberts/angular,ocombe/angular,gnomeontherun/angular,shairez/angular,gkalpak/angular,gkalpak/angular,shairez/angular,shairez/angular,brandonroberts/angular,gkalpak/angular,brandonroberts/angular