chore: switch chat icon to Discord (#439)

* chore: switch chat icon to Discord

Co-Authored-By: seve@tscircuit.com <seve@tscircuit.com>

* chore: fix formatting

Co-Authored-By: seve@tscircuit.com <seve@tscircuit.com>

---------

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Co-authored-by: seve@tscircuit.com <seve@tscircuit.com>

src/components/Header.tsx

@@ -6,8 +6,9 @@ import {
   GitHubLogoIcon,
   OpenInNewWindowIcon,
   ChatBubbleIcon,
+  DiscordLogoIcon,
 } from "@radix-ui/react-icons"
-import { Menu, MessageCircleMoreIcon, X } from "lucide-react"
+import { Menu, X } from "lucide-react"
 import React, { useState } from "react"
 import { Link, useLocation } from "wouter"
 import CmdKMenu from "./CmdKMenu"
@@ -84,9 +85,13 @@ export default function Header() {
                 </a>
               </li>
               <li>
-                <a href="https://tscircuit.com/join">
-                  <Button variant="ghost" className="text-gray-500">
-                    <MessageCircleMoreIcon className="w-4 h-4" />
+                <a
+                  href="https://tscircuit.com/join"
+                  target="_blank"
+                  className="mr-2"
+                >
+                  <Button variant="ghost">
+                    <DiscordLogoIcon className="text-gray-400 hover:text-gray-600 transition-colors w-4 h-4" />
                   </Button>
                 </a>
               </li>