Refactor photo management and upload functionality to use HTMX for asynchronous requests

- Updated photo upload handling in `photo_manager.html` and `photo_upload.html` to utilize HTMX for file uploads, improving user experience and reducing reliance on Promises.
- Refactored caption update and primary photo toggle methods to leverage HTMX for state updates without full page reloads.
- Enhanced error handling and success notifications using HTMX events.
- Replaced fetch API calls with HTMX forms in various templates, including `homepage.html`, `park_form.html`, and `roadtrip_planner.html`, to streamline AJAX interactions.
- Improved search suggestion functionality in `search_script.html` by implementing HTMX for fetching suggestions, enhancing performance and user experience.
- Updated designer, manufacturer, and ride model forms to handle responses with HTMX, ensuring better integration and user feedback.

templates/rides/partials/designer_form.html

@@ -12,14 +12,22 @@
                 headers: {
                     'X-CSRFToken': document.querySelector('[name=csrfmiddlewaretoken]').value
                 }
-            }).then(response => {
-                if (response.detail) {
-                    const data = JSON.parse(response.detail.xhr.response);
-                    selectDesigner(data.id, data.name);
+            });
+            
+            // Handle HTMX response using event listeners
+            document.addEventListener('htmx:afterRequest', function handleResponse(event) {
+                if (event.detail.pathInfo.requestPath === '/rides/designers/create/') {
+                    document.removeEventListener('htmx:afterRequest', handleResponse);
+                    
+                    if (event.detail.xhr.status >= 200 && event.detail.xhr.status < 300) {
+                        const data = JSON.parse(event.detail.xhr.response);
+                        if (typeof selectDesigner === 'function') {
+                            selectDesigner(data.id, data.name);
+                        }
+                        $dispatch('close-designer-modal');
+                    }
+                    submitting = false;
                 }
-                $dispatch('close-designer-modal');
-            }).finally(() => {
-                submitting = false;
             });
         }">
     {% csrf_token %}