Fix: Move Load Sample Data button to Take Survey tab where questions exist

index.html

@@ -500,7 +500,6 @@ n        .btn-secondary {
         <div id="createTab" class="tab-content">
             <div class="panel">
                 <h2>➕ Create New Site Survey</h2>
-                <button class="btn" onclick="loadSampleData()" style="background: var(--success); color: #fff; margin-bottom: 15px;">📋 Load Sample Data</button>
 
                 <div class="form-group">
                     <label>Survey Name</label>
@@ -532,6 +531,7 @@ n        .btn-secondary {
             <div id="surveyForm">
                 <div class="panel">
                     <h2 id="currentSurveyName">Site Survey</h2>
+                    <button class="btn" onclick="loadSampleData()" style="background: var(--success); color: #fff; margin-bottom: 15px;">📋 Load Sample Data</button>
                     <div id="surveyQuestions"></div>
 
                     <!-- Photo Upload Section -->
@@ -1439,12 +1439,6 @@ n        .btn-secondary {
             
             console.log('Loading sample data...');
             
-            // Set survey metadata
-            document.getElementById('surveyName').value = 'Sample Corporate Office Survey';
-            document.getElementById('clientName').value = 'Acme Corporation';
-            document.getElementById('siteName').value = 'Main Office - Downtown';
-            document.getElementById('surveyDescription').value = 'Comprehensive network infrastructure assessment for downtown office location';
-            
             // Sample data for all questions (keyed by question number like 'q1', 'q2')
             const sampleValues = {
                 'q1': '3500',