chore: Fix rendering for carbon

Author: ajnart

src/theme/DocSidebar/index.tsx

@@ -1,10 +1,15 @@
+import { useLocation } from "@docusaurus/router";
 import type { WrapperProps } from "@docusaurus/types";
 import DocSidebar from "@theme-original/DocSidebar";
 import type DocSidebarType from "@theme/DocSidebar";
 import React, { type ReactNode } from "react";
 
 export function Carbon() {
 	const ref = React.useRef<HTMLDivElement>(null!);
+	const location = useLocation();
+	if (process.env.NODE_ENV === "development") {
+		return null;
+	}
 
 	React.useEffect(() => {
 		const serve = "CW7IP27L";
@@ -14,7 +19,7 @@ export function Carbon() {
 		s.id = "_carbonads_js";
 		s.src = `//cdn.carbonads.com/carbon.js?serve=${serve}&placement=${placement}`;
 		ref.current.appendChild(s);
-	}, []);
+	}, [location]);
 
 	return (
 		<>
@@ -78,11 +83,10 @@ export function Carbon() {
 					}
 				`}
 			</style>
-			<div className="ml-auto flex flex-col space-y-4 argos-ignore">
-				<div className="bg-white dark:bg-black/40 border-gray-500/20 shadow-xl flex flex-col border-t border-l border-b p-4 space-y-2 rounded-l-lg">
-					<div ref={ref} className="carbon-outer" />
-				</div>
-			</div>
+			<div
+				ref={ref}
+				className="bg-background shadow-xl flex flex-col m-4 space-y-2 rounded-l-lg carbon-outer"
+			/>
 		</>
 	);
 }