fixing issues

site/src/components/ActivityDetail.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import { onMount } from 'svelte';
   import { marked } from 'marked';
+  import DOMPurify from 'dompurify';
   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';
@@ -64,7 +65,7 @@
       const titleAttr = title ? ` title="${title}"` : '';
       return `<img src="${href ?? ''}" alt="${text}"${titleAttr} class="rounded-lg max-w-full my-2">`;
     };
-    return marked(rawDescription, { renderer }) as string;
+    return DOMPurify.sanitize(marked(rawDescription, { renderer }) as string);
   })();
 
   $: imageBase = `${base}data/activities/images/${activity.id}/`;
@@ -88,7 +89,7 @@
 <svelte:window on:keydown={onKeydown} />
 
 {#if editOpen && editUrl}
-  <EditDrawer activityId={activity.id} {editUrl} on:saved={onSaved} />
+  <EditDrawer activityId={activity.id} {editUrl} on:saved={onSaved} on:close={() => editOpen = false} />
 {/if}
 
 <!-- Lightbox -->