Fixed Graphql api docs sidebar UI (#1085)

<!-- Explain the changes introduced in your PR -->

## Pull Request approval

You will need to get your PR approved by at least one member of the
Sourcegraph team. For reviews of docs formatting, styles, and component
usage, please tag the docs team via the #docs Slack channel.

---------

Co-authored-by: Maedah Batool <[email protected]>

Author: zahidalidev

src/app/api/graphql/api-docs/page.tsx

@@ -15,7 +15,8 @@ const PostLayout = () => {
                 <div id="page" className="drawer-layout">
                   <div id="sidebar">
                     <div className="sidebar-top-container">
-                      <h3 className="text-sm uppercase">Table of Contents</h3>
+                    <h2 className="font-display text-sm font-medium text-slate-900 dark:text-white">Table of Contents</h2>
+
 
                       {/* <div id="logo"></div>
                       <button className="close-button" type="button">

src/components/Prose.tsx

@@ -21,7 +21,7 @@ export function Prose<T extends React.ElementType = 'div'>({
 				// lead
 				'prose-lead:text-slate-500 dark:prose-lead:text-dark-paragraph-text',
 				// links
-				'prose-a:font-semibold prose-a:text-vermilion-00 hover:prose-a-text:[#606060] visited:text-[#4A4A4A] hover:visited:text-[#606060] dark:prose-a:vermilion-11 dark:hover:prose-a:dark-text-secondary dark:visited:text-[#606060] dark:hover:visited:text-[#A9A9A9]',
+				'prose-a:font-semibold prose-a:text-vermilion-00 hover:prose-a-text:[#606060] visited:text-[#4A4A4A] hover:visited:text-[#606060] dark:prose-a:text-vermilion-11 dark:hover:prose-a:text-dark-text-secondary dark:visited:text-[#606060] dark:hover:visited:text-[#A9A9A9]',
 				// link underline
 				'prose-a:underline hover:prose-a:text-[#606060] hover:prose-a:underline dark:prose-a:underline dark:hover:prose-a:underline',
 				// pre
@@ -35,7 +35,19 @@ export function Prose<T extends React.ElementType = 'div'>({
 				// Inline code block
 				'prose-code:before:content-none prose-code:after:content-none',
 				// Video
-				'prose-video:rounded-xl'
+				'prose-video:rounded-xl',
+
+				// Specific styles for the API docs navigation
+        // Remove bullets from all nav items
+        '[&_#nav_ul]:list-none [&_#nav_ul]:pl-0 [&_#nav_ul]:ml-0',
+        
+        // Style all nav links
+        '[&_#nav_a]:font-normal [&_#nav_a]:text-slate-500 hover:[&_#nav_a]:text-slate-700 dark:[&_#nav_a]:text-dark-text-secondary dark:hover:[&_#nav_a]:text-slate-300',
+        '[&_#nav_a]:no-underline hover:[&_#nav_a]:underline dark:hover:[&_#nav_a]:underline',
+        
+        // Specific style for h5.nav-group-section-title links (to match TOC h3)
+        '[&_#nav_h5.nav-group-section-title_a]:font-normal [&_#nav_h5.nav-group-section-title_a]:text-slate-500 hover:[&_#nav_h5.nav-group-section-title_a]:text-slate-700 dark:[&_#nav_h5.nav-group-section-title_a]:text-dark-text-secondary dark:hover:[&_#nav_h5.nav-group-section-title_a]:text-slate-300',
+        '[&_#nav_h5.nav-group-section-title_a]:no-underline hover:[&_#nav_h5.nav-group-section-title_a]:underline dark:hover:[&_#nav_h5.nav-group-section-title_a]:underline',
 			)}
 			{...props}
 		/>