6.4 검색 바 및 결과 페이지 라우팅 o

src/app/components/AppHeader.tsx

@@ -1,12 +1,14 @@
 import { ThemeToggle } from "@/app/components/ThemeToggle";
+import { SearchBar } from "@/app/components/SearchBar";
 
 export function AppHeader() {
   return (
     <header style={{ display: "flex", justifyContent: "space-between", padding: 12 }}>
       <div>msg App</div>
-      <nav style={{ display: "flex", gap: 12 }}>
+      <nav style={{ display: "flex", gap: 12, alignItems: "center" }}>
         <a href="/">홈</a>
         <a href="/boards">게시판</a>
+        <SearchBar />
         <ThemeToggle />
       </nav>
     </header>