feat: implement basic layout of landing page

web/src/app/chat/main.tsx

@@ -3,24 +3,15 @@
 
 "use client";
 
-import { GithubOutlined } from "@ant-design/icons";
-import Link from "next/link";
 import { useMemo } from "react";
 
-import { Button } from "~/components/ui/button";
-import { useReplay } from "~/core/replay";
 import { useStore } from "~/core/store";
 import { cn } from "~/lib/utils";
 
-import { Logo } from "../_components/logo";
 import { MessagesBlock } from "../_components/messages-block";
 import { ResearchBlock } from "../_components/research-block";
-import { ThemeToggle } from "../_components/theme-toggle";
-import { Tooltip } from "../_components/tooltip";
-import { SettingsDialog } from "../_settings/dialogs/settings-dialog";
 
 export default function Main() {
-  const { isReplay } = useReplay();
   const openResearchId = useStore((state) => state.openResearchId);
   const doubleColumnMode = useMemo(
     () => openResearchId !== null,

web/src/app/chat/page.tsx

@@ -25,9 +25,7 @@ export default function HomePage() {
       <header className="fixed top-0 left-0 flex h-12 w-full w-screen items-center justify-between px-4">
         <Logo />
         <div className="flex items-center">
-          <ThemeToggle />
-          {!isReplay && <SettingsDialog />}
-          <Tooltip title="Visit DeerFlow on GitHub">
+          <Tooltip title="Star DeerFlow on GitHub">
             <Button variant="ghost" size="icon" asChild>
               <Link
                 href="https://github.com/bytedance/deer-flow"
@@ -37,6 +35,8 @@ export default function HomePage() {
               </Link>
             </Button>
           </Tooltip>
+          <ThemeToggle />
+          {!isReplay && <SettingsDialog />}
         </div>
       </header>
       <Suspense fallback={<div>Loading DeerFlow...</div>}>