feat: add global search bar and board filter chips

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

TaskTracker.Web/src/components/Layout.tsx

@@ -1,6 +1,7 @@
 import { useState } from 'react'
-import { NavLink, Outlet } from 'react-router-dom'
+import { NavLink, Outlet, useNavigate } from 'react-router-dom'
 import { LayoutGrid, BarChart3, Link, PanelLeftClose, PanelLeftOpen } from 'lucide-react'
+import SearchBar from './SearchBar.tsx'
 
 const navItems = [
   { to: '/board', label: 'Board', icon: LayoutGrid },
@@ -10,6 +11,7 @@ const navItems = [
 
 export default function Layout() {
   const [collapsed, setCollapsed] = useState(false)
+  const navigate = useNavigate()
 
   return (
     <div className="flex h-screen bg-[#0f1117] text-white overflow-hidden">
@@ -54,7 +56,7 @@ export default function Layout() {
         {/* Top bar */}
         <header className="flex items-center justify-between h-14 px-6 border-b border-white/5 shrink-0">
           <h1 className="text-lg font-semibold tracking-tight">TaskTracker</h1>
-          <div className="w-64 h-8 rounded-md bg-white/5" />
+          <SearchBar onSelect={(taskId) => navigate(`/board?task=${taskId}`)} />
         </header>
 
         {/* Content */}