Add info pane for events

src/app/components/EventInfo.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import Button from '@lib/components/Button.svelte'
+  import ModalHeader from "@lib/components/ModalHeader.svelte"
+
+  export let event
+</script>
+
+<div class="column gap-4">
+  <ModalHeader>
+    <div slot="title">Event Details</div>
+    <div slot="info">
+      The full details of this event are shown below.
+    </div>
+  </ModalHeader>
+  <pre class="overflow-auto"><code>{JSON.stringify(event, null, 2)}</code></pre>
+  <Button class="btn btn-primary" on:click={() => history.back()}>Got it</Button>
+</div>