Add global navigation search, cancellation policies, and UI improvements

- Add global search in top bar for navigating to dashboard pages
- Add cancellation policy settings (window hours, late fee, deposit refund)
- Display booking policies on customer confirmation page
- Filter API tokens by sandbox/live mode
- Widen settings layout and full-width site builder
- Add help documentation search with OpenAI integration
- Add blocked time ranges API for calendar visualization
- Update business hours settings with holiday management

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

frontend/src/components/TopBar.tsx

@@ -1,12 +1,13 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { Search, Moon, Sun, Menu } from 'lucide-react';
+import { Moon, Sun, Menu } from 'lucide-react';
 import { User } from '../types';
 import UserProfileDropdown from './UserProfileDropdown';
 import LanguageSelector from './LanguageSelector';
 import NotificationDropdown from './NotificationDropdown';
 import SandboxToggle from './SandboxToggle';
 import HelpButton from './HelpButton';
+import GlobalSearch from './GlobalSearch';
 import { useSandbox } from '../contexts/SandboxContext';
 import { useUserNotifications } from '../hooks/useUserNotifications';
 
@@ -35,16 +36,7 @@ const TopBar: React.FC<TopBarProps> = ({ user, isDarkMode, toggleTheme, onMenuCl
         >
           <Menu size={24} />
         </button>
-        <div className="relative hidden md:block w-96">
-          <span className="absolute inset-y-0 left-0 flex items-center pl-3 text-gray-400">
-            <Search size={18} />
-          </span>
-          <input
-            type="text"
-            placeholder={t('common.search')}
-            className="w-full py-2 pl-10 pr-4 text-sm text-gray-700 dark:text-gray-200 bg-gray-50 dark:bg-gray-700 border border-gray-200 dark:border-gray-600 rounded-lg focus:outline-none focus:border-brand-500 focus:ring-1 focus:ring-brand-500 placeholder-gray-400 dark:placeholder-gray-500 transition-colors duration-200"
-          />
-        </div>
+        <GlobalSearch user={user} />
       </div>
 
       <div className="flex items-center gap-4">