docs: fix dark mode logo

Author: diksha-2911

apps/website/docs/guide/01-getting-started/01-introduction.mdx

@@ -3,13 +3,16 @@ title: Introduction
 description: A brief intro to CommandKit
 ---
 
+import Logo from './Logo';
+
 <div
   align="center"
   style={{
     margin: '2rem 0',
   }}
 >
-  <img src="/img/ckit_logo.svg" width="60%" />
+ <Logo/>
+
   <br />
   <div
     style={{

apps/website/docs/guide/01-getting-started/Logo.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import { useColorMode } from '@docusaurus/theme-common';
+
+export default function Logo() {
+  const { colorMode } = useColorMode();
+  const logo =
+    colorMode === 'dark' ? '/img/ckit_logo.svg' : '/img/ckit_logo_d.svg';
+  return <img src={logo} width="60%" alt="CommandKit Logo" />;
+}