fix(ui): include location_name in POST/PUT JSON and display it in Recent Trees

static/js/modules/api-client.js

@@ -60,6 +60,9 @@ export class ApiClient {
     async saveTree(treeData) {
         const response = await this.authenticatedFetch('/api/trees', {
             method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
             body: JSON.stringify(treeData)
         });
         
@@ -76,6 +79,9 @@ export class ApiClient {
     async updateTree(treeId, treeData) {
         const response = await this.authenticatedFetch(`/api/trees/${treeId}`, {
             method: 'PUT',
+            headers: {
+                'Content-Type': 'application/json'
+            },
             body: JSON.stringify(treeData)
         });
         

static/js/modules/ui-manager.js

@@ -93,6 +93,7 @@ export class UIManager {
                     </div>
                     <div class="tree-info">
                         ${tree.scientific_name || tree.common_name || tree.local_name || 'Unnamed'}
+                        ${tree.location_name ? `<br><strong>Location:</strong> ${this.escapeHtml(tree.location_name)}` : ''}
                         <br>${tree.latitude.toFixed(4)}, ${tree.longitude.toFixed(4)}
                         ${tree.tree_code ? `<br>Code: ${tree.tree_code}` : ''}
                         <br>${new Date(tree.created_at).toLocaleDateString()}
@@ -103,6 +104,16 @@ export class UIManager {
         }).join('');
     }
 
+    escapeHtml(text) {
+        if (typeof text !== 'string') return text;
+        return text
+            .replace(/&/g, '&amp;')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/"/g, '&quot;')
+            .replace(/'/g, '&#039;');
+    }
+
     showLoadingState(containerId, message = 'Loading...') {
         const container = document.getElementById(containerId);
         if (!container) return;