msgapp/src/app/components/AppHeader.tsx

import { ThemeToggle } from "@/app/components/ThemeToggle";

export function AppHeader() {
  return (
    <header style={{ display: "flex", justifyContent: "space-between", padding: 12 }}>
      <div>msg App</div>
      <nav style={{ display: "flex", gap: 12 }}>
        <a href="/">홈</a>
        <a href="/boards">게시판</a>
        <ThemeToggle />
      </nav>
    </header>
  );
}