feat: show repo star on site-header (#27)

* feat: show repo star on site-header

* feat: add GITHUB_OAUTH_TOKEN to environment configuration

* feat: remove comment

* feat: show star counter only in website

web/src/app/page.tsx

@@ -1,12 +1,9 @@
 // Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
 // SPDX-License-Identifier: MIT
 
-import { GithubOutlined } from "@ant-design/icons";
-import Link from "next/link";
 import { useMemo } from "react";
 
-import { Button } from "~/components/ui/button";
-
+import { SiteHeader } from "./chat/components/site-header";
 import { Jumbotron } from "./landing/components/jumbotron";
 import { Ray } from "./landing/components/ray";
 import { CaseStudySection } from "./landing/sections/case-study-section";
@@ -17,7 +14,7 @@ import { MultiAgentSection } from "./landing/sections/multi-agent-section";
 export default function HomePage() {
   return (
     <div className="flex flex-col items-center">
-      <Header />
+      <SiteHeader />
       <main className="container flex flex-col items-center justify-center gap-56">
         <Jumbotron />
         <CaseStudySection />
@@ -31,28 +28,6 @@ export default function HomePage() {
   );
 }
 
-function Header() {
-  return (
-    <header className="supports-backdrop-blur:bg-background/80 bg-background/40 sticky top-0 left-0 z-40 flex h-15 w-full flex-col items-center backdrop-blur-lg">
-      <div className="container flex h-15 items-center justify-between px-3">
-        <div className="text-xl font-medium">
-          <span className="mr-1 text-2xl">🦌</span>
-          <span>DeerFlow</span>
-        </div>
-        <div className="flex items-center gap-2">
-          <Button variant="outline" size="sm" asChild>
-            <Link href="https://github.com/bytedance/deer-flow" target="_blank">
-              <GithubOutlined />
-              Star on GitHub
-            </Link>
-          </Button>
-        </div>
-      </div>
-      <hr className="from-border/0 via-border/70 to-border/0 m-0 h-px w-full border-none bg-gradient-to-r" />
-    </header>
-  );
-}
-
 function Footer() {
   const year = useMemo(() => new Date().getFullYear(), []);
   return (