fix icons

Author: Yash094

apps/portal/src/app/Header.tsx

@@ -10,9 +10,9 @@ import {
 } from "@/components/ui/dropdown-menu";
 import clsx from "clsx";
 import {
-  BotIcon,
   ChevronDownIcon,
   MenuIcon,
+  MessageCircleIcon,
   TableOfContentsIcon,
 } from "lucide-react";
 import Link from "next/link";
@@ -227,7 +227,7 @@ export function Header() {
                 router.push("/chat");
               }}
             >
-              <BotIcon className="mr-2 size-4" />
+              <MessageCircleIcon className="mr-2 size-4" />
               Ask AI
             </Button>
           </div>
@@ -254,7 +254,7 @@ export function Header() {
               className="p-2"
               onClick={() => router.push("/chat")}
             >
-              <BotIcon className="size-7" />
+              <MessageCircleIcon className="size-7" />
             </Button>
             <Button
               variant="ghost"

apps/portal/src/components/AI/chat.tsx

@@ -4,8 +4,8 @@ import { MarkdownRenderer } from "@/components/markdown/MarkdownRenderer";
 import { LoadingDots } from "@/components/ui/LoadingDots";
 import { Button } from "@/components/ui/button";
 import { AutoResizeTextarea } from "@/components/ui/textarea";
-import siwaIcon from "@/icons/siwa-icon.png";
 import { cn } from "@/lib/utils";
+import { MessageCircleIcon } from "lucide-react";
 import { ArrowUpIcon, ThumbsDownIcon, ThumbsUpIcon } from "lucide-react";
 import { usePostHog } from "posthog-js/react";
 import {
@@ -38,7 +38,7 @@ function ChatEmptyState({
 }: { onPromptClick: (prompt: string) => void }) {
   return (
     <div className="flex flex-col items-center justify-center space-y-8 py-16 text-center">
-      <img src={siwaIcon.src} alt="SIWA" className="size-16" />
+      <MessageCircleIcon className="size-16" />
 
       <h2 className="font-semibold text-3xl text-foreground">
         How can I help you <br />