Add prefetch to layout for events (#595)

* add prefetch for events cuz it's slow as

* reword comment ✏️

* Update src/routes/+layout.svelte

Co-authored-by: Ethan Davidson <31261035+EthanThatOneKid@users.noreply.github.com>

Co-authored-by: Ethan Davidson <31261035+EthanThatOneKid@users.noreply.github.com>

src/routes/+layout.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
+  import { prefetch } from '$app/navigation';
+  import { onMount } from 'svelte';
   import Navbar from '$lib/components/nav/bar.svelte';
   import Footer from '$lib/components/footer/footer.svelte';
   import AcmToaster from '$lib/components/toaster/toaster.svelte';
   import { AcmTheme, theme } from '$lib/public/legacy/theme';
-  import { onMount } from 'svelte';
 
   function changeTheme(event: MediaQueryListEvent) {
     theme.set(event.matches ? AcmTheme.Dark : AcmTheme.Light);
@@ -17,6 +18,10 @@
       mediaList.addEventListener('change', changeTheme);
       return () => mediaList.removeEventListener('change', changeTheme);
     }
+
+    // prefetch improves the load time of the events page, see #530
+    // https://kit.svelte.dev/docs/modules#$app-navigation-prefetch
+    prefetch('/events');
   });
 </script>