chore: resolve dark theme merge conflicts

.github/workflows/regenerate-tools.yml

@@ -42,6 +42,11 @@ jobs:
             committer: asyncapi-bot <info@asyncapi.io>
             author: asyncapi-bot <info@asyncapi.io>
             title: 'chore: update tools.json'
+            body: |
+              Hey, @asyncapi/website-maintainers, please review this updated tools list.
+
+              Check the workflow run logs for any ignored tools summary and verify new entries before merging.
+            labels: do-not-merge
             branch: update-tools/${{ github.job }}
 
         - if: failure() # Only, on failure, send a message on the 94_bot-failing-ci slack channel

.gitignore

@@ -21,6 +21,7 @@ cypress/videos
 *storybook.log
 /storybook-static/
 coverage
+config/tools-ignored.json
 deno.lock
 cypress/videos
 cypress/screenshots

CODEOWNERS

@@ -8,11 +8,11 @@
 * @derberg @akshatnema @anshgoyalevil @sambhavgupta0705 @princerajpoot20 @mayaleeeee @asyncapi-bot-eve
 
 # All .md files
-*.md @thulieblack @TRohit20 @asyncapi-bot-eve
+*.md @thulieblack @TRohit20 @asyncapi-bot-eve @anshgoyalevil
 
-markdown/blog/*.md @thulieblack @TRohit20
-markdown/community/*.md @thulieblack @bandantonio @TRohit20 
+markdown/blog/*.md @thulieblack @TRohit20 @anshgoyalevil
+markdown/community/*.md @thulieblack @bandantonio @TRohit20 @anshgoyalevil
 
-README.md @thulieblack @derberg @akshatnema @mayaleeeee @TRohit20 @asyncapi-bot-eve
+README.md @thulieblack @derberg @akshatnema @mayaleeeee @TRohit20 @asyncapi-bot-eve @anshgoyalevil
 #docTriagers: bandantonio CBID2 
 #codeTriagers: devilkiller-ag vishvamsinh28

assets/docs/fragments/cli-installation.md

@@ -48,7 +48,7 @@ Download [asyncapi.x64.exe](https://github.com/asyncapi/cli/releases/latest/down
 </details>
 
 #### Using NPM and Node.js
-Alternitavely, you can install the [AsyncAPI CLI](https://github.com/asyncapi/cli#installation) with Node.js `>=v10` and [NPM](https://nodejs.org/en/download/package-manager/).
+Alternatively, you can install the [AsyncAPI CLI](https://github.com/asyncapi/cli#installation) with Node.js `>=v10` and [NPM](https://nodejs.org/en/download/package-manager/).
 
 <details>
 <summary>Install CLI globally</summary>
@@ -63,7 +63,7 @@ npm install -g @asyncapi/cli
 <details>
 <summary>Install specific CLI version</summary>
 
-To install a specific version of the AsyncAPI CLI, pass the `verion` during installation:
+To install a specific version of the AsyncAPI CLI, pass the `version` during installation:
 
 ```
 npm install -g @asyncapi/cli@{version}

components/Accordion/AccordionItem.tsx

@@ -23,12 +23,21 @@ export interface AccordionItemProps {
  * This is the AccordionItem component. It displays a single item that can be expanded or collapsed.
  */
 export default function AccordionItem({ itemIndex, title, content, isActive, setActiveIndex }: AccordionItemProps) {
+  const contentRef = React.useRef<HTMLDivElement>(null);
+  const [contentHeight, setContentHeight] = React.useState(0);
+
   const handleClick = () => {
     const nextIndex = isActive ? null : itemIndex;
 
     setActiveIndex(nextIndex);
   };
 
+  React.useEffect(() => {
+    if (contentRef.current) {
+      setContentHeight(isActive ? contentRef.current.scrollHeight : 0);
+    }
+  }, [isActive]);
+
   return (
     <div className='my-2 flex size-full flex-col gap-1 border border-gray-200 bg-white px-2'>
       <button className='flex h-8 w-full items-center justify-between rounded-sm py-2' onClick={handleClick}>
@@ -39,29 +48,35 @@ export default function AccordionItem({ itemIndex, title, content, isActive, set
               <path
                 d='M18 15C18 15 13.5811 9.00001 12 9C10.4188 8.99999 6 15 6 15'
                 stroke='#556061'
-                stroke-width='1.5'
-                stroke-linecap='round'
-                stroke-linejoin='round'
+                strokeWidth='1.5'
+                strokeLinecap='round'
+                strokeLinejoin='round'
               />
             </svg>
           ) : (
             <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
               <path
                 d='M18 9.00005C18 9.00005 13.5811 15 12 15C10.4188 15 6 9 6 9'
                 stroke='#556061'
-                stroke-width='1.5'
-                stroke-linecap='round'
-                stroke-linejoin='round'
+                strokeWidth='1.5'
+                strokeLinecap='round'
+                strokeLinejoin='round'
               />
             </svg>
           )}
         </div>
       </button>
-      {isActive && (
-        <div className='rounded-sm border-t border-gray-200 py-2 font-body font-regular text-gray-700 antialiased'>
+      <div
+        className='overflow-hidden transition-all duration-300 ease-in-out'
+        style={{ maxHeight: `${contentHeight}px` }}
+      >
+        <div
+          ref={contentRef}
+          className='rounded-sm border-t border-gray-200 py-2 font-body font-regular text-gray-700 antialiased'
+        >
           {content}
         </div>
-      )}
+      </div>
     </div>
   );
 }