"add chat and delete chat button"

src/components/ui/Button/NewChatButton.jsx

@@ -0,0 +1,19 @@
+import Button from 'react-bootstrap/Button';
+import './NewChatButton.css'
+export default function NewChatButton({ onClick, variant = "outline-light", children, ...props }) {
+  return (
+    <Button onClick={onClick} className="custom-btn" {...props}>
+      {children || "New Chat"}{" "}
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="16"
+        height="16"
+        fill="currentColor"
+        className="bi bi-plus-lg"
+        viewBox="0 0 16 16"
+      >
+        <path fillRule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2"/>
+      </svg>
+    </Button>
+  );
+}