Use lucide icon for everything (#799)

Co-authored-by: Zero Liu <zero@lumos.com>

src/components/ChatComponents/ChatButtons.tsx

@@ -1,13 +1,6 @@
-import {
-  CheckIcon,
-  CopyClipboardIcon,
-  DeleteIcon,
-  EditIcon,
-  InsertIcon,
-  RegenerateIcon,
-} from "@/components/Icons";
 import { USER_SENDER } from "@/constants";
 import { ChatMessage } from "@/sharedState";
+import { Check, Copy, MessageSquarePlus, PenSquare, RotateCw, Trash2 } from "lucide-react";
 import React from "react";
 
 interface ChatButtonsProps {
@@ -32,15 +25,15 @@ export const ChatButtons: React.FC<ChatButtonsProps> = ({
   return (
     <div className="chat-message-buttons">
       <button onClick={onCopy} className="clickable-icon" title="Copy">
-        {isCopied ? <CheckIcon /> : <CopyClipboardIcon />}
+        {isCopied ? <Check /> : <Copy />}
       </button>
       {message.sender === USER_SENDER ? (
         <>
           <button onClick={onEdit} className="clickable-icon" title="Edit">
-            <EditIcon />
+            <PenSquare />
           </button>
           <button onClick={onDelete} className="clickable-icon" title="Delete">
-            <DeleteIcon />
+            <Trash2 />
           </button>
         </>
       ) : (
@@ -50,13 +43,13 @@ export const ChatButtons: React.FC<ChatButtonsProps> = ({
             className="clickable-icon"
             title="Insert to note at cursor"
           >
-            <InsertIcon />
+            <MessageSquarePlus />
           </button>
           <button onClick={onRegenerate} className="clickable-icon" title="Regenerate">
-            <RegenerateIcon />
+            <RotateCw />
           </button>
           <button onClick={onDelete} className="clickable-icon" title="Delete">
-            <DeleteIcon />
+            <Trash2 />
           </button>
         </>
       )}

src/components/ChatComponents/ChatSingleMessage.tsx

@@ -1,7 +1,7 @@
 import { ChatButtons } from "@/components/ChatComponents/ChatButtons";
-import { BotIcon, UserIcon } from "@/components/Icons";
 import { USER_SENDER } from "@/constants";
 import { ChatMessage } from "@/sharedState";
+import { BotMessageSquare, User } from "lucide-react";
 import { App, Component, MarkdownRenderer } from "obsidian";
 import React, { useEffect, useRef, useState } from "react";
 
@@ -122,7 +122,7 @@ const ChatSingleMessage: React.FC<ChatSingleMessageProps> = ({
     <div className="chat-message-container">
       <div className={`message ${message.sender === USER_SENDER ? "user-message" : "bot-message"}`}>
         <div className="message-icon">
-          {message.sender === USER_SENDER ? <UserIcon /> : <BotIcon />}
+          {message.sender === USER_SENDER ? <User /> : <BotMessageSquare />}
         </div>
         <div className="message-content-wrapper">
           <div className="message-content">