fix: use client:only and nav elements in right sidebar to reduce markdown output

Author: mvvmm

src/components/overrides/TableOfContents.astro

@@ -38,23 +38,24 @@ const { editUrl } = Astro.locals.starlightRoute;
 	{
 		(showFeedback || showActions) && (
 			<div class="mt-6 flex flex-col gap-5 border-t border-[var(--sidebar-border)] pt-6">
-				<div class="agents-toolkit-container">
-					<AgentsToolkit client:idle />
-				</div>
+				<nav class="agents-toolkit-container" aria-label="Agents toolkit">
+					<AgentsToolkit client:only="react" />
+				</nav>
 
 				{showFeedback && (
 					<div class="feedback-container border-t border-[var(--sidebar-border)] pt-5">
-						<FeedbackPrompt client:idle />
+						<FeedbackPrompt client:only="react" />
 					</div>
 				)}
 
 				{showActions && (
-					<div class="flex flex-col gap-3">
+					<nav class="flex flex-col gap-3" aria-label="Page actions">
 						{editUrl && (
-							<a
-								href={editUrl}
-							class="group flex items-center gap-2.5 rounded-sm text-[13px] text-[var(--sl-color-gray-2)] transition-colors duration-150 ease-out hover:text-[var(--sl-color-white)] focus-visible:ring-2 focus-visible:ring-[var(--sl-color-text-accent)] focus-visible:outline-none"
-						>
+						<a
+							href={editUrl}
+							target="_blank"
+						class="group flex items-center gap-2.5 rounded-sm text-[13px] text-[var(--sl-color-gray-2)] transition-colors duration-150 ease-out hover:text-[var(--sl-color-white)] focus-visible:ring-2 focus-visible:ring-[var(--sl-color-text-accent)] focus-visible:outline-none"
+					>
 							<Icon
 								name="pencil"
 								class="h-3.5 w-3.5"
@@ -63,18 +64,19 @@ const { editUrl } = Astro.locals.starlightRoute;
 							<span>Edit page</span>
 						</a>
 					)}
-					<a
-						href="https://github.com/cloudflare/cloudflare-docs/issues/new/choose"
-						class="group flex items-center gap-2.5 rounded-sm text-[13px] text-[var(--sl-color-gray-2)] transition-colors duration-150 ease-out hover:text-[var(--sl-color-white)] focus-visible:ring-2 focus-visible:ring-[var(--sl-color-text-accent)] focus-visible:outline-none"
-					>
+				<a
+					href="https://github.com/cloudflare/cloudflare-docs/issues/new/choose"
+					target="_blank"
+					class="group flex items-center gap-2.5 rounded-sm text-[13px] text-[var(--sl-color-gray-2)] transition-colors duration-150 ease-out hover:text-[var(--sl-color-white)] focus-visible:ring-2 focus-visible:ring-[var(--sl-color-text-accent)] focus-visible:outline-none"
+				>
 						<Icon
 							name="github"
 							class="h-3.5 w-3.5"
 								aria-hidden="true"
 							/>
 							<span>Report issue</span>
 						</a>
-					</div>
+					</nav>
 				)}
 			</div>
 		)