chore: delete code light theme, like chatgpt (#186)

components/Chat/Chat.tsx

@@ -30,7 +30,6 @@ interface Props {
   modelError: ErrorMessage | null;
   messageError: boolean;
   loading: boolean;
-  lightMode: 'light' | 'dark';
   onSend: (message: Message, deleteCount?: number) => void;
   onUpdateConversation: (
     conversation: Conversation,
@@ -49,7 +48,6 @@ export const Chat: FC<Props> = ({
   modelError,
   messageError,
   loading,
-  lightMode,
   onSend,
   onUpdateConversation,
   onEditMessage,
@@ -163,7 +161,6 @@ export const Chat: FC<Props> = ({
                     key={index}
                     message={message}
                     messageIndex={index}
-                    lightMode={lightMode}
                     onEditMessage={onEditMessage}
                   />
                 ))}

components/Chat/ChatMessage.tsx

@@ -12,14 +12,12 @@ import { CopyButton } from './CopyButton';
 interface Props {
   message: Message;
   messageIndex: number;
-  lightMode: 'light' | 'dark';
   onEditMessage: (message: Message, messageIndex: number) => void;
 }
 
 export const ChatMessage: FC<Props> = ({
   message,
   messageIndex,
-  lightMode,
   onEditMessage,
 }) => {
   const { t } = useTranslation('chat');
@@ -76,11 +74,10 @@ export const ChatMessage: FC<Props> = ({
 
   return (
     <div
-      className={`group ${
-        message.role === 'assistant'
+      className={`group ${message.role === 'assistant'
           ? 'border-b border-black/10 bg-gray-50 text-gray-800 dark:border-gray-900/50 dark:bg-[#444654] dark:text-gray-100'
           : 'border-b border-black/10 bg-white text-gray-800 dark:border-gray-900/50 dark:bg-[#343541] dark:text-gray-100'
-      }`}
+        }`}
       style={{ overflowWrap: 'anywhere' }}
       onMouseEnter={() => setIsHovering(true)}
       onMouseLeave={() => setIsHovering(false)}
@@ -138,11 +135,10 @@ export const ChatMessage: FC<Props> = ({
 
               {(isHovering || window.innerWidth < 640) && !isEditing && (
                 <button
-                  className={`absolute ${
-                    window.innerWidth < 640
+                  className={`absolute ${window.innerWidth < 640
                       ? 'right-3 bottom-1'
                       : 'right-[-20px] top-[26px]'
-                  }`}
+                    }`}
                 >
                   <IconEdit
                     size={20}
@@ -161,12 +157,12 @@ export const ChatMessage: FC<Props> = ({
                 components={{
                   code({ node, inline, className, children, ...props }) {
                     const match = /language-(\w+)/.exec(className || '');
+                    
                     return !inline && match ? (
                       <CodeBlock
                         key={Math.random()}
                         language={match[1]}
                         value={String(children).replace(/\n$/, '')}
-                        lightMode={lightMode}
                         {...props}
                       />
                     ) : (