Fixed url to be reactive

packages/viewer/src/components/Shared/Cite.svelte

@@ -1,32 +1,25 @@
 <script lang="ts">
-  import { onMount } from 'svelte'
+  import { page } from '$app/stores'
   import CopyButton from './CopyButton.svelte'
-  let url = ''
-  let markdown = ''
   export let title: string =
     'π-Base, a community database of topological counterexamples.'
-  onMount(() => {
-    url = window.location.href
-    markdown = `[${title}](${url})`
-  })
+  $: markdown = `[${title}](${$page.url})`
 </script>
 
-{#key title}
-  <div class="text-center p-2">
-    <small>
-      Cite as:
-      <span class="text-muted">
-        The pi-Base Community.
-        <cite>{title}.</cite>
-        Available at: {url}
-        (Accessed: {new Date().toISOString().split('T')[0]}).
-      </span>
-    </small>
-  </div>
-  <div class="text-center p-2">
-    <small>
-      Copy:
-      <CopyButton text={markdown}>Markdown Link</CopyButton>
-    </small>
-  </div>
-{/key}
+<div class="text-center p-2">
+  <small>
+    Cite as:
+    <span class="text-muted">
+      The pi-Base Community.
+      <cite>{title}.</cite>
+      Available at: {$page.url}
+      (Accessed: {new Date().toISOString().split('T')[0]}).
+    </span>
+  </small>
+</div>
+<div class="text-center p-2">
+  <small>
+    Copy:
+    <CopyButton text={markdown}>Markdown Link</CopyButton>
+  </small>
+</div>