Fix infinite hydration loop and stabilize global store synchronization

- Refactored layouts to derive account data from stable props instead of reactive stores.
- Wrapped store updates in untrack() with deep equality guards to prevent infinite re-renders.
- Resolved duplicate untrack declarations and missing imports across the project.
- Added fetch safeguards to Element_data_store to prevent redundant API calls.
- Standardized hydration patterns to break circular dependencies during initial load.

src/routes/events/[event_id]/(badges)/badges/+page.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+    import { untrack } from 'svelte';
     interface Props {
         /** @type {import('./$types').PageData} */
         data: any;
@@ -8,7 +9,6 @@
     let { data, log_lvl = $bindable(1) }: Props = $props();
 
     // *** Import Svelte specific
-    import { untrack } from 'svelte';
 
     // *** Import other supporting libraries
     import { liveQuery } from 'dexie';

src/routes/events/[event_id]/(badges)/templates/ae_comp__badge_template_form.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
+    import { untrack } from 'svelte';
     import type { key_val } from '$lib/stores/ae_stores';
     import { events_func } from '$lib/ae_events_functions';
     import { ae_api } from '$lib/stores/ae_stores';
-    import { untrack } from 'svelte';
 
     interface Props {
         event_id: string;