feat: remove Current Associations Summary area from extraction page

- Remove the entire 'Current Associations Summary' card section
- Remove updateAssociationsSummary() JavaScript function
- Update error handling to remove references to associations-summary element
- Clean up the page layout for better focus on the main functionality

mbetterclient/web_dashboard/templates/dashboard/extraction.html

@@ -209,25 +209,6 @@
     </div>
 </div>
 
-<!-- Current Associations Summary -->
-<div class="row mt-4">
-    <div class="col-12">
-        <div class="card">
-            <div class="card-header">
-                <h5 class="card-title mb-0">
-                    <i class="fas fa-link me-2"></i>Current Associations Summary
-                </h5>
-            </div>
-            <div class="card-body">
-                <div id="associations-summary">
-                    <div class="text-center text-muted">
-                        <i class="fas fa-spinner fa-spin me-2"></i>Loading associations...
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
 <!-- Add Bet Modal -->
 <div class="modal fade" id="addBetModal" tabindex="-1" aria-labelledby="addBetModalLabel" aria-hidden="true">
     <div class="modal-dialog">
@@ -739,15 +720,13 @@ document.addEventListener('DOMContentLoaded', function() {
             if (data.success) {
                 currentAssociations = data.associations;
                 displayAssociations();
-                updateAssociationsSummary();
                 updateUnderOverZones();
             } else {
-                showError('associations-summary', 'Failed to load associations');
+                console.error('Failed to load associations');
             }
         })
         .catch(error => {
             console.error('Error loading associations:', error);
-            showError('associations-summary', 'Error loading associations');
         });
     }
 
@@ -1131,44 +1110,6 @@ document.addEventListener('DOMContentLoaded', function() {
         });
     }
 
-    function updateAssociationsSummary() {
-        const summary = document.getElementById('associations-summary');
-        
-        if (currentAssociations.length === 0) {
-            summary.innerHTML = '<div class="text-center text-muted">No associations configured</div>';
-            return;
-        }
-
-        // Group by outcome
-        const grouped = {};
-        currentAssociations.forEach(assoc => {
-            if (!grouped[assoc.outcome_name]) {
-                grouped[assoc.outcome_name] = [];
-            }
-            grouped[assoc.outcome_name].push(assoc.extraction_result);
-        });
-
-        let html = '<div class="row">';
-        Object.keys(grouped).sort().forEach(outcome => {
-            html += `
-                <div class="col-md-3 mb-2">
-                    <div class="card border-primary">
-                        <div class="card-header bg-primary text-white py-2">
-                            <strong>${outcome}</strong>
-                        </div>
-                        <div class="card-body py-2">
-                            ${grouped[outcome].map(result => 
-                                `<span class="badge bg-success me-1 mb-1">${result}</span>`
-                            ).join('')}
-                        </div>
-                    </div>
-                </div>
-            `;
-        });
-        html += '</div>';
-
-        summary.innerHTML = html;
-    }
 
     function loadTimeLimitConfig() {
         fetch('/api/extraction/config')