feat: Add detailed park and ride pages with HTMX integration

- Implemented park detail page with dynamic content loading for rides and weather.
- Created park list page with filters and search functionality.
- Developed ride detail page showcasing ride stats, reviews, and similar rides.
- Added ride list page with filtering options and dynamic loading.
- Introduced search results page with tabs for parks, rides, and users.
- Added HTMX tests for global search functionality.

backend/templates/components/layout/enhanced_header.html

@@ -1,3 +1,4 @@
+{# Global search removed duplicate header; primary header below handles search #}
 {% comment %}
 Enhanced Header Component - Matches React Frontend Design
 Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
@@ -133,32 +134,29 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
 
     <!-- Desktop Right Side -->
     <div class="hidden md:flex items-center space-x-4">
-      <!-- Enhanced Search -->
-      <div class="relative" x-data="searchComponent()">
+      <!-- Enhanced Search (HTMX-driven) -->
+      <div class="relative">
         <div class="relative">
           <i class="fas fa-search absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground"></i>
           <input
             type="search"
             placeholder="Search parks, rides..."
             class="w-[300px] pl-10 pr-20 h-10 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
-            x-model="query"
-            @input.debounce.300ms="search()"
             hx-get="{% url 'search:search' %}"
             hx-trigger="input changed delay:300ms"
             hx-target="#search-results"
-            hx-include="this"
+            hx-indicator=".htmx-loading-indicator"
             name="q"
+            autocomplete="off"
           />
           {% include 'components/ui/button.html' with variant='default' size='sm' text='Search' class='absolute right-1 top-1/2 transform -translate-y-1/2' %}
         </div>
-        
-        <!-- Search Results Dropdown -->
+
+        <!-- Search Results Dropdown: always present and controlled by HTMX swaps -->
         <div 
           id="search-results"
-          x-show="results.length > 0"
-          x-transition
-          x-cloak
           class="absolute top-full left-0 right-0 mt-1 bg-background border rounded-md shadow-lg z-50 max-h-96 overflow-y-auto"
+          aria-live="polite"
         >
           <!-- Search results will be populated by HTMX -->
         </div>
@@ -239,13 +237,19 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
       {% else %}
         <div class="flex items-center space-x-2">
           <button 
-            @click="window.authModal.show('login')"
+            hx-get="{% url 'account_login' %}" 
+            hx-target="#auth-modal-body" 
+            hx-swap="innerHTML"
+            onclick="document.getElementById('auth-modal').classList.remove('hidden'); document.body.classList.add('overflow-hidden');"
             class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"
           >
             Sign In
           </button>
           <button 
-            @click="window.authModal.show('register')"
+            hx-get="{% url 'account_signup' %}" 
+            hx-target="#auth-modal-body" 
+            hx-swap="innerHTML"
+            onclick="document.getElementById('auth-modal').classList.remove('hidden'); document.body.classList.add('overflow-hidden');"
             class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-9 rounded-md px-3"
           >
             Sign Up