Scroll active sidebar item into view

docs/core_concepts/14_audit_logs/index.mdx

@@ -16,19 +16,20 @@ Audit Logs can be filtered by Date, Username, Action (Create, Update, Delete, Ex
 	src="/videos/audit_logs.mp4"
 />
 
-<br/>
+<br />
 
 <div class="grid grid-cols-2 gap-6 mb-4">
-    <DocCard
-    	title="Runs Menu"
-    	description="The Runs menu is another feature that allows you to visualise all past and future runs."
-    	href="/docs/core_concepts/audit_logs"
-    />
+	<DocCard
+		title="Runs Menu"
+		description="The Runs menu is another feature that allows you to visualise all past and future runs."
+		href="/docs/core_concepts/monitor_past_and_future_runs"
+	/>
 </div>
 
 ## Retention Policy
 
 The retention policy for audit logs varies depending on your team's plan:
+
 - Community plan: Audit logs are redacted.
 - Team plan (cloud): Audit logs are retained for 7 days.
 - Enterprise plan (cloud): Audit logs are retained for 60 days.

src/theme/DocSidebarItem/Link/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 import clsx from 'clsx';
 import { ThemeClassNames } from '@docusaurus/theme-common';
 import { isActiveSidebarItem } from '@docusaurus/theme-common/internal';
@@ -14,9 +14,20 @@ export default function DocSidebarItemLink({
 	index,
 	...props
 }) {
+	const activeItemRef = useRef(null);
 	const { href, label, className, autoAddBaseUrl } = item;
 	const isActive = isActiveSidebarItem(item, activePath);
 	const isInternalLink = isInternalUrl(href);
+
+	useEffect(() => {
+		if (isActive && activeItemRef.current) {
+			activeItemRef.current.scrollIntoView({
+				behavior: 'smooth',
+				block: 'nearest'
+			});
+		}
+	}, [isActive]);
+
 	return (
 		<li
 			className={clsx(
@@ -28,6 +39,7 @@ export default function DocSidebarItemLink({
 			key={label}
 		>
 			<Link
+				ref={isActive ? activeItemRef : null}
 				className={clsx(
 					'menu__link',
 					!isInternalLink && styles.menuExternalLink,