website: render Carbon on client-side only

website/src/components/CarbonAd/index.js

@@ -1,7 +1,10 @@
 import React from 'react';
+import BrowserOnly from '@docusaurus/BrowserOnly';
 
 export default React.memo(() => {
   return (
+    <BrowserOnly>
+      {() => (
         <div>
           <script
             async
@@ -32,8 +35,8 @@ export default React.memo(() => {
                     className="carbon-text"
                     target="_blank"
                     rel="noopener sponsored">
-                What if Your Project Management Tool Was Fast and Intuitive? Try
-                Shortcut (formerly Clubhouse).
+                    What if Your Project Management Tool Was Fast and Intuitive?
+                    Try Shortcut (formerly Clubhouse).
                   </a>
                 </span>
                 <a
@@ -47,5 +50,7 @@ export default React.memo(() => {
             </div>
           )}
         </div>
+      )}
+    </BrowserOnly>
   );
 });