fix(developer docs): Correcting width issues in developer docs for toc (#15559)

Fixing width issues by dynamically calculating width and allowing center
content to reduce in size as needed to fit full width of TOC

Author: codyde

src/components/docPage/index.tsx

@@ -134,6 +134,14 @@ export function DocPage({
           max-width: none;
           box-sizing: border-box;
         }
+        /* At toc breakpoint (1490px), constrain content to leave room for TOC */
+        @media (min-width: 1490px) {
+          #doc-content {
+            /* Calculate max width: viewport - sidebar - TOC - gaps - padding */
+            /* Leave room for: sidebar (300px) + TOC (250px) + gaps (48px) + padding (96px) */
+            max-width: calc(100vw - 300px - 250px - 48px - 96px);
+          }
+        }
         @media (min-width: 2057px) {
           :root {
             --doc-content-w: 1100px;