feat: implement label management with color filtering

keep-notes/components/header.tsx

@@ -19,10 +19,12 @@ import { LabelFilter } from './label-filter'
 
 interface HeaderProps {
   selectedLabels?: string[]
+  selectedColor?: string | null
   onLabelFilterChange?: (labels: string[]) => void
+  onColorFilterChange?: (color: string | null) => void
 }
 
-export function Header({ selectedLabels = [], onLabelFilterChange }: HeaderProps = {}) {
+export function Header({ selectedLabels = [], selectedColor, onLabelFilterChange, onColorFilterChange }: HeaderProps = {}) {
   const [searchQuery, setSearchQuery] = useState('')
   const [isSearching, setIsSearching] = useState(false)
   const [theme, setTheme] = useState<'light' | 'dark'>('light')
@@ -105,7 +107,9 @@ export function Header({ selectedLabels = [], onLabelFilterChange }: HeaderProps
           {onLabelFilterChange && (
             <LabelFilter
               selectedLabels={selectedLabels}
+              selectedColor={selectedColor}
               onFilterChange={onLabelFilterChange}
+              onColorChange={onColorFilterChange}
             />
           )}
         </div>