update docusaurus

Author: mkosir

website/src/components/Chip.tsx

@@ -1,38 +1,24 @@
 import React, { useState } from 'react';
 import AnimateHeight from 'react-animate-height';
 
-import { useColorMode } from '@docusaurus/theme-common';
-
 type ChipProps = {
   children?: string;
 };
 
-const COLORS = {
-  dark: {
-    description: 'border-gray-200 bg-neutral-600 text-gray-200',
-  },
-  light: {
-    description: 'border-neutral-500 bg-gray-200 text-neutral-600',
-  },
-} as const;
-
 export const Chip = ({ children }: ChipProps) => {
-  const { colorMode } = useColorMode();
   const [descriptionHeight, setDescriptionHeight] = useState<'auto' | 0>(0);
 
   return (
     <div className="mb-2">
       <div
-        className={`mb-1 inline-flex cursor-pointer items-center rounded-lg bg-neutral-500 px-1.5 text-[11px] font-normal text-gray-200 dark:bg-gray-200 dark:text-neutral-600`}
+        className="mb-1 inline-flex cursor-pointer items-center rounded-lg bg-neutral-500 px-1.5 text-[11px] font-normal text-gray-200 dark:bg-gray-200 dark:text-neutral-600"
         onClick={() => setDescriptionHeight((prev) => (prev === 0 ? 'auto' : 0))}
       >
         <div className="mr-1">Note</div>
         <InfoIcon />
       </div>
       <AnimateHeight duration={500} easing="ease" height={descriptionHeight}>
-        <div
-          className={`rounded-md border-0 border-l-[5px] border-solid p-2 text-xs italic [&_p]:mb-0 ${COLORS[colorMode].description}`}
-        >
+        <div className="rounded-md border-0 border-l-[5px] border-solid border-neutral-500 bg-gray-200 p-2 text-xs italic text-neutral-600 dark:border-gray-200 dark:bg-neutral-600 dark:text-gray-200 [&_p]:mb-0">
           {children}
         </div>
       </AnimateHeight>