fix(ceremony): dont sub to contributions in layout

ceremony/src/lib/components/Terminal/Contributors.svelte

@@ -1,34 +1,38 @@
 <script lang="ts">
-import { getState } from "$lib/state/index.svelte.ts"
-import { goto } from "$app/navigation"
-import { onMount } from "svelte"
-import Buttons from "$lib/components/Terminal/Install/Buttons.svelte"
-import type { Contributions } from "$lib/state/contributions.svelte.ts"
-import type { Terminal } from "$lib/state/terminal.svelte.ts"
+  import {goto} from "$app/navigation"
+  import {onMount, onDestroy} from "svelte"
+  import Buttons from "$lib/components/Terminal/Install/Buttons.svelte"
+  import {Contributions} from "$lib/state/contributions.svelte.ts"
+  import {getState} from "$lib/state/index.svelte.ts";
 
-type State = {
-  contributions: Contributions
-  terminal: Terminal
-}
+  const { terminal } = getState()
 
-const { contributions, terminal }: State = getState()
+  let contributions: Contributions | null = null;
+  let data: Array<{ text: string; action: string }> = $state([]);
 
-let focusedIndex = $state(0)
-let buttons: Array<HTMLButtonElement> = []
-let data = $state([])
-onMount(() => {
-  contributions.data.map(contribution => {
-    data.push({ text: contribution.payload_id, action: contribution.public_key_hash })
+  onMount(async () => {
+    contributions = new Contributions();
+  });
+
+  onDestroy(() => {
+    if (contributions) {
+      contributions = null;
+    }
+  });
+
+  $effect(() => {
+    if (contributions) {
+      data = contributions.data.map(contribution => ({
+        text: contribution.payload_id,
+        action: contribution.public_key_hash
+      }));
+    }
   })
-})
 
-function trigger(value: any) {
-  goto(`/contributions/${value}`)
-  terminal.setTab(4)
-  terminal.setHash(value)
-}
+  function trigger(value: string) {
+    goto(`/contributions/${value}`);
+    terminal.setTab(4);
+    terminal.setHash(value);
+  }
 </script>
-<Buttons
-        {data}
-        trigger={(value) => trigger(value)}
-/>
+<Buttons {data} trigger={(value) => trigger(value)}/>

ceremony/src/lib/state/index.svelte.ts

@@ -2,12 +2,10 @@ import { getContext, setContext } from "svelte"
 import { Contributor } from "./contributor.svelte.ts"
 import { Terminal } from "./terminal.svelte.ts"
 import { user, type UserSession } from "$lib/state/session.svelte.ts"
-import { Contributions } from "$lib/state/contributions.svelte.ts"
 
 export interface AppState {
   contributor: Contributor
   terminal: Terminal
-  contributions: Contributions
   user: UserSession
 }
 
@@ -18,7 +16,6 @@ export function createState() {
   const state: AppState = {
     contributor: new Contributor(),
     terminal: new Terminal(),
-    contributions: new Contributions(),
     user: user
   }