refactor: clean up dashboard and fix Goals Trend to show full season

Dashboard Changes:
- Remove 'Full Season (All Data)' tab from league filter
- Remove decorative Goals Trend chart (duplicate)
- Move Match Distribution chart above stats section
- Change '20 teams, live data' to '20 teams, 2024 data'

Goals Trend Fixes:
- Backend: Show 380 matches instead of 30 (full season)
- Frontend: Show 380 matches instead of 30 (full season)
- This displays the complete 2024-2025 season timeline (Sep 2024 - May 2025)
- Goals Trend now shows proper season-wide data instead of just May 2025

Result: Cleaner dashboard with proper full-season Goals Trend visualization

Author: ThomasJButler

backend/api/dashboard.py

@@ -208,7 +208,7 @@ async def get_chart_data(
             away_goals = []
             total_goals = []
 
-            for match in matches[:30]:  # Last 30 matches for better chart readability
+            for match in matches[:380]:  # Full season of matches to show complete timeline
                 # Format date as "Mon DD" for better display
                 match_date = match.get('match_date', '')
                 if match_date:

src/components/Dashboard.svelte

@@ -520,6 +520,16 @@
     </div>
   {/if}
 
+  <!-- Match Distribution by Month -->
+  {#if !loading && recentMatches.length > 0}
+    <div class="bg-white dark:bg-slate-900 rounded-xl p-6 shadow-lg mb-6">
+      <h3 class="text-lg font-semibold text-slate-800 dark:text-slate-200 mb-4">Match Distribution by Month</h3>
+      <div class="h-64">
+        <canvas bind:this={chartCanvas}></canvas>
+      </div>
+    </div>
+  {/if}
+
   <!-- Stats Grid - Accurate Real-Time Data -->
   {#if !loading && recentMatches.length > 0}
     <div class="grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-6">
@@ -536,7 +546,7 @@
           {$totalMatches.toFixed(0)}
         </div>
         <div class="text-xs text-slate-500 dark:text-slate-500 leading-tight">
-          {totalTeams} teams, {useApiData ? 'live data' : 'cached'}
+          {totalTeams} teams, 2024 data
         </div>
       </div>
 
@@ -603,30 +613,6 @@
     </div>
   {/if}
 
-  <!-- Charts -->
-  <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
-    <!-- Goals Trend -->
-    <div class="bg-white dark:bg-slate-900 rounded-xl p-6 shadow-lg">
-      <h3 class="text-lg font-semibold text-slate-800 dark:text-slate-200 mb-4">Goals Trend</h3>
-      <div class="h-64">
-        {#if !loading && goalsChart.labels && goalsChart.labels.length > 0}
-          <Line data={goalsChart} options={{ responsive: true, maintainAspectRatio: false }} />
-        {:else}
-          <div class="flex items-center justify-center h-full text-slate-400">
-            No data available
-          </div>
-        {/if}
-      </div>
-    </div>
-
-    <!-- Match Distribution by Month -->
-    <div class="bg-white dark:bg-slate-900 rounded-xl p-6 shadow-lg">
-      <h3 class="text-lg font-semibold text-slate-800 dark:text-slate-200 mb-4">Match Distribution by Month</h3>
-      <div class="h-64">
-        <canvas bind:this={chartCanvas}></canvas>
-      </div>
-    </div>
-  </div>
 </div>
 
 <style>

src/components/EnhancedVisualizations.svelte

@@ -71,7 +71,6 @@
 
   // League options
   const dateRanges = [
-    { value: 'all', label: 'Full Season (All Data)', icon: '🏆' },
     { value: 'E0', label: 'Premier League', icon: '🏴' },
     { value: 'SP1', label: 'La Liga', icon: '🇪🇸' },
     { value: 'D1', label: 'Bundesliga', icon: '🇩🇪' },
@@ -323,7 +322,7 @@
     }
 
     // Fallback to local computation
-    const recentMatches = filteredMatches.slice(-30); // Show last 30 matches
+    const recentMatches = filteredMatches.slice(-380); // Show full season of matches
 
     // If no matches available, return empty structure
     if (recentMatches.length === 0) {