get default hr and power zones from config file

site/src/pages/activity/[id].astro

@@ -3,7 +3,7 @@ import { readFileSync } from 'node:fs';
 import { join, resolve } from 'node:path';
 import Base from '../../layouts/Base.astro';
 import ActivityDetail from '../../components/ActivityDetail.svelte';
-import type { BASIndex, ActivitySummary } from '../../lib/types';
+import type { BASIndex, ActivitySummary, AthleteZones } from '../../lib/types';
 
 export async function getStaticPaths() {
   const dataDir = process.env.BINCIO_DATA_DIR
@@ -15,13 +15,13 @@ export async function getStaticPaths() {
     .filter(a => a.privacy !== 'private' && a.id)
     .map(a => ({
       params: { id: a.id },
-      props: { activity: a },
+      props: { activity: a, athlete: index.owner.athlete ?? null },
     }));
 }
 
-const { activity } = Astro.props as { activity: ActivitySummary };
+const { activity, athlete } = Astro.props as { activity: ActivitySummary; athlete: AthleteZones | null };
 const base = import.meta.env.BASE_URL;
 ---
 <Base title={`${activity.title} — BincioActivity`}>
-  <ActivityDetail {activity} {base} client:only="svelte" />
+  <ActivityDetail {activity} {base} {athlete} client:only="svelte" />
 </Base>