get default hr and power zones from config file

site/src/components/ActivityDetail.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onMount } from 'svelte';
   import { marked } from 'marked';
-  import type { ActivitySummary, ActivityDetail } from '../lib/types';
+  import type { ActivitySummary, ActivityDetail, AthleteZones } from '../lib/types';
   import { formatDistance, formatDuration, formatElevation, formatSpeed, formatDate, formatTime, sportIcon, sportLabel, sportColor } from '../lib/format';
   import ActivityMap from './ActivityMap.svelte';
   import ActivityCharts from './ActivityCharts.svelte';
@@ -9,6 +9,7 @@
 
   export let activity: ActivitySummary;
   export let base: string = '/';
+  export let athlete: AthleteZones | null = null;
 
   const editUrl = import.meta.env.PUBLIC_EDIT_URL;
 
@@ -237,7 +238,7 @@
   <p class="text-red-400 text-sm mt-4">{error}</p>
 {:else if detail?.timeseries && detail.timeseries.t.length > 0}
   <div class="bg-zinc-900 rounded-xl border border-zinc-800 p-4">
-    <ActivityCharts timeseries={detail.timeseries} bind:hoveredIdx />
+    <ActivityCharts timeseries={detail.timeseries} bind:hoveredIdx {athlete} />
   </div>
 {:else if !detail}
   <div class="bg-zinc-900 rounded-xl border border-zinc-800 p-4 h-32 animate-pulse" />