🎉 Improve tree submission success message and UX

✨ User Experience Improvements:
• Replace confusing 'Form reset successfully!' with clear success message
• Show tree ID and explain that form is cleared for next entry
• Add tree emoji (🌳) for visual appeal
• Separate resetFormSilently() for internal use vs. manual reset

🔧 Technical Changes:
• Split resetForm() into user-facing and silent versions
• Better success message: 'Tree successfully added! Tree ID: X. The form has been cleared for your next entry.'
• Fixed syntax error in form submission handler
• Improved user feedback and clarity

🎯 Result: Users now get clear, encouraging feedback when adding trees!

static/app.js

@@ -386,8 +386,8 @@ class TreeTrackApp {
             
             if (response.ok) {
                 const result = await response.json();
-                this.showMessage(`Tree record saved successfully! ID: ${result.id}`, 'success');
-                this.resetForm();
+                this.showMessage(`🌳 Tree successfully added! Tree ID: ${result.id}. The form has been cleared for your next entry.`, 'success');
+                this.resetFormSilently();
                 this.loadTrees(); // Refresh the tree list
             } else {
                 const error = await response.json();
@@ -400,6 +400,11 @@ class TreeTrackApp {
     }
 
     resetForm() {
+        this.resetFormSilently();
+        this.showMessage('Form has been reset.', 'success');
+    }
+    
+    resetFormSilently() {
         document.getElementById('treeForm').reset();
         this.uploadedPhotos = {};
         this.audioFile = null;
@@ -417,8 +422,6 @@ class TreeTrackApp {
         
         document.getElementById('recordingStatus').textContent = 'Click to start recording';
         document.getElementById('audioUploadResult').innerHTML = '';
-        
-        this.showMessage('Form reset successfully!', 'success');
     }
 
     async loadTrees() {