feat: add reminders page, BMad skills upgrade, MCP server refactor

- Add reminders page with navigation support
- Upgrade BMad builder module to skills-based architecture
- Refactor MCP server: extract tools and auth into separate modules
- Add connections cache, custom AI provider support
- Update prisma schema and generated client
- Various UI/UX improvements and i18n updates
- Add service worker for PWA support

Made-with: Cursor

keep-notes/components/header.tsx

@@ -119,7 +119,13 @@ export function Header({
     // Skip if search hasn't changed or if we already pushed this value
     if (debouncedSearchQuery === lastPushedSearch.current) return
 
-    // Build new params preserving other filters
+    // Only trigger search navigation from the home page
+    if (pathname !== '/') {
+      lastPushedSearch.current = debouncedSearchQuery
+      return
+    }
+
+    // Build new params preserving other filters (notebook, labels, etc.)
     const params = new URLSearchParams(searchParams.toString())
     if (debouncedSearchQuery.trim()) {
       params.set('search', debouncedSearchQuery)
@@ -132,6 +138,7 @@ export function Header({
     // Mark as pushed before calling router.push to prevent loops
     lastPushedSearch.current = debouncedSearchQuery
     router.push(newUrl)
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [debouncedSearchQuery])
 
   // Handle semantic search button click
@@ -303,15 +310,15 @@ export function Header({
             <h2 className="text-xl font-bold leading-tight tracking-tight">MEMENTO</h2>
           </div>
 
-          {/* Search Bar - Style Keep */}
+          {/* Search Bar */}
           <label className="hidden md:flex flex-col min-w-40 w-96 !h-10">
-            <div className="flex w-full flex-1 items-stretch rounded-xl h-full bg-slate-100 dark:bg-slate-800 focus-within:ring-2 focus-within:ring-primary/20 transition-all">
-              <div className="text-slate-500 dark:text-slate-400 flex items-center justify-center pl-4">
-                <Search className="w-5 h-5" />
+            <div className="flex w-full flex-1 items-stretch rounded-full h-full bg-slate-100 dark:bg-slate-800 border border-transparent focus-within:bg-white dark:focus-within:bg-slate-700 focus-within:border-primary/30 focus-within:shadow-md transition-all duration-200">
+              <div className="text-slate-400 dark:text-slate-400 flex items-center justify-center pl-4 focus-within:text-primary transition-colors">
+                <Search className="w-4 h-4" />
               </div>
               <input
-                className="form-input flex w-full min-w-0 flex-1 resize-none overflow-hidden rounded-xl bg-transparent border-none text-slate-900 dark:text-white placeholder:text-slate-500 dark:placeholder:text-slate-400 px-3 text-sm font-medium focus:ring-0"
-                placeholder={t('search.placeholder') || "Search notes, labels, and more..."}
+                className="form-input flex w-full min-w-0 flex-1 resize-none overflow-hidden bg-transparent border-none text-slate-900 dark:text-white placeholder:text-slate-400 dark:placeholder:text-slate-500 px-3 text-sm focus:ring-0 focus:outline-none"
+                placeholder={t('search.placeholder') || "Rechercher..."}
                 type="text"
                 value={searchQuery}
                 onChange={(e) => handleSearch(e.target.value)}