Revert "Only decode on onMount to prevent overfetching payloads (#2747)"

This reverts commit 2f78a89.

Author: Alex-Tideman

src/lib/components/event/payload-decoder.svelte

@@ -1,6 +1,4 @@
 <script lang="ts">
-  import { onMount } from 'svelte';
-
   import { page } from '$app/stores';
 
   import { authUser } from '$lib/stores/auth-user';
@@ -29,22 +27,22 @@
   let keyedValue = key && value?.[key] ? value[key] : value;
   let decodedValue = stringifyWithBigInt(keyedValue);
 
-  onMount(() => {
-    decodePayloads(value);
-  });
+  $: endpoint = getCodecEndpoint($page.data.settings);
+  $: passAccessToken = getCodecPassAccessToken($page.data.settings);
+  $: includeCredentials = getCodecIncludeCredentials($page.data.settings);
+  $: settings = {
+    ...$page.data.settings,
+    codec: {
+      ...$page.data.settings?.codec,
+      endpoint,
+      passAccessToken,
+      includeCredentials,
+    },
+  };
 
   const decodePayloads = async (
     _value: PotentiallyDecodable | EventAttribute | WorkflowEvent | Memo,
   ) => {
-    const settings = {
-      ...$page.data.settings,
-      codec: {
-        ...$page.data.settings?.codec,
-        endpoint: getCodecEndpoint($page.data.settings),
-        passAccessToken: getCodecPassAccessToken($page.data.settings),
-        includeCredentials: getCodecIncludeCredentials($page.data.settings),
-      },
-    };
     try {
       const convertedAttributes = await cloneAllPotentialPayloadsWithCodec(
         _value,
@@ -68,6 +66,8 @@
       console.error('Could not decode payloads');
     }
   };
+
+  $: decodePayloads(value);
 </script>
 
 <slot {decodedValue} />