feat: Enhance parks listing with view mode toggle and search functionality

- Implemented a consolidated search bar for parks with live search capabilities.
- Added view mode toggle between grid and list views for better user experience.
- Updated park listing template to support dynamic rendering based on selected view mode.
- Improved pagination controls with HTMX for seamless navigation.
- Fixed import paths in parks and rides API to resolve 501 errors, ensuring proper functionality.
- Documented changes and integration requirements for frontend compatibility.

backend/apps/parks/views.py

@@ -235,9 +235,9 @@ class ParkListView(HTMXFilterableMixin, ListView):
         self.filter_service = ParkFilterService()
 
     def get_template_names(self) -> list[str]:
-        """Return park_list_item.html for HTMX requests"""
+        """Return park_list.html for HTMX requests"""
         if self.request.htmx:
-            return ["parks/partials/park_list_item.html"]
+            return ["parks/partials/park_list.html"]
         return [self.template_name]
 
     def get_view_mode(self) -> ViewMode:
@@ -514,7 +514,7 @@ class ParkCreateView(LoginRequiredMixin, CreateView):
         if result['status'] == 'auto_approved':
             # Moderator submission was auto-approved
             self.object = result['created_object']
-            
+
             if form.cleaned_data.get("latitude") and form.cleaned_data.get("longitude"):
                 # Create or update ParkLocation
                 park_location, created = ParkLocation.objects.get_or_create(
@@ -555,7 +555,7 @@ class ParkCreateView(LoginRequiredMixin, CreateView):
                 f"Added {uploaded_count} photo(s).",
             )
             return HttpResponseRedirect(self.get_success_url())
-            
+
         elif result['status'] == 'queued':
             # Regular user submission was queued
             messages.success(
@@ -565,7 +565,7 @@ class ParkCreateView(LoginRequiredMixin, CreateView):
             )
             # Redirect to parks list since we don't have an object yet
             return HttpResponseRedirect(reverse("parks:park_list"))
-            
+
         elif result['status'] == 'failed':
             # Auto-approval failed
             messages.error(
@@ -573,7 +573,7 @@ class ParkCreateView(LoginRequiredMixin, CreateView):
                 f"Error creating park: {result['message']}. Please check your input and try again.",
             )
             return self.form_invalid(form)
-        
+
         # Fallback error case
         messages.error(
             self.request,
@@ -727,7 +727,7 @@ class ParkUpdateView(LoginRequiredMixin, UpdateView):
                 f"Added {uploaded_count} new photo(s).",
             )
             return HttpResponseRedirect(self.get_success_url())
-            
+
         elif result['status'] == 'queued':
             # Regular user submission was queued
             messages.success(
@@ -738,7 +738,7 @@ class ParkUpdateView(LoginRequiredMixin, UpdateView):
             return HttpResponseRedirect(
                 reverse(PARK_DETAIL_URL, kwargs={"slug": self.object.slug})
             )
-            
+
         elif result['status'] == 'failed':
             # Auto-approval failed
             messages.error(
@@ -746,7 +746,7 @@ class ParkUpdateView(LoginRequiredMixin, UpdateView):
                 f"Error updating park: {result['message']}. Please check your input and try again.",
             )
             return self.form_invalid(form)
-        
+
         # Fallback error case
         messages.error(
             self.request,