add carbon ads in accordion

Author: marqbeniamin

docs/components/accordion.mdx

@@ -8,10 +8,14 @@ keywords: [
 source_url: "/docs/components/accordion"
 ---
 
+import CarbonAds from '@site/src/components/CarbonAds';
+
 ## React Native Accordion Component
 
 This accordion component made by Galio is easily customizable. Built with Flatlist, this expandable list can be used to only show relevant information and save space in your screen.
 
+<CarbonAds />
+
 ![Accordion](/img/docs/accordion/accordion.gif)
 
 ### Usage

sidebars.ts

@@ -15,11 +15,6 @@ import type {SidebarsConfig} from '@docusaurus/plugin-content-docs';
 const sidebars: SidebarsConfig = {
   tutorialSidebar: [
     'intro',
-    {
-      type: 'custom',
-      // The path is relative to src/components
-      component: '@site/src/components/CarbonAds',
-    },
     {
       type: 'category',
       label: 'Get Started',

src/components/CarbonAds.tsx

@@ -44,7 +44,7 @@ export default function CarbonAds({
 
   return (
     <div 
-      id="carbon-ads-container" 
+      id="carbon-ads-container mb-4" 
       className="max-w-sm mx-auto"
     >
       <style dangerouslySetInnerHTML={{