Complete search bar implementation across all pages - search now above breadcrumbs everywhere

- **Universal Search Bars**: Added search input to BookSelector, ChapterSelector, and BibleReader
- **Position Above Breadcrumbs**: Search bars now appear above breadcrumbs on all pages
- **Reduced Padding**: Changed from mb-8 to mb-4 for tighter spacing between search and breadcrumbs
- **Consistent Placeholder**: Same 'Search for verses, words, or phrases...' across all components
- **Mobile Responsive**: Search bars adapt to screen width with max-w-md constraint
- **Clickable Interface**: OnClick handlers properly set to trigger search modal

Search functionality now universally available just above breadcrumbs on every page!

frontend/src/components/ChapterSelector.tsx

@@ -145,6 +145,20 @@ const ChapterSelector: React.FC<ChapterSelectorProps> = ({ book, onChapterSelect
 
   return (
     <div>
+      {/* Search Bar */}
+      <div className="flex justify-center mb-4">
+        <div className="w-full max-w-md relative">
+          <input
+            type="text"
+            placeholder="Search for verses, words, or phrases..."
+            className="w-full pl-10 pr-4 py-3 text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-lg shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+            onClick={onSearchClick}
+            readOnly
+          />
+          <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-5 w-5 text-gray-400" />
+        </div>
+      </div>
+
       {/* Breadcrumb Navigation */}
       <div className="flex items-center justify-center space-x-1 mb-8">
         <button