feat: Migrate ESLint to flat config and resolve initial linting errors

Migrated the ESLint configuration to the new flat config format ()
and addressed several initial linting errors.

Key changes include:
- Updated ESLint configuration to treat  as warnings instead of errors.
- Fixed  errors in  by declaring  and .
- Corrected  error in  by using  instead of an out-of-scope .
- Resolved  error in  by replacing the undefined  directive with the  component.
- Addressed  errors in  by replacing  with  and  with .
- Fixed  errors in  by importing necessary modules (, , ) and adding missing props (, , , , ).

src/routes/hosted_files/+layout.svelte

@@ -1,55 +1,54 @@
 <script lang="ts">
-/** @type {import('./$types').LayoutData} */
-let log_lvl: number = 1;
+	/** @type {import('./$types').LayoutData} */
+	let log_lvl: number = 1;
 
-// *** Import Svelte specific
-// import { browser } from '$app/environment';
+	// *** Import Svelte specific
+	// import { browser } from '$app/environment';
 
-// *** Import other supporting libraries
-// import * as icons from '@lucide/svelte';
-import {
-        Brain,
-        House, Library,
-        RefreshCw,
-        Satellite
-    } from '@lucide/svelte';
+	// *** Import other supporting libraries
+	// import * as icons from '@lucide/svelte';
+	import { Brain, House, Library, RefreshCw, Satellite } from '@lucide/svelte';
 
-// *** Import Aether specific variables and functions
-// import type { key_val } from '$lib/ae_stores';
-// import { ae_util } from '$lib/ae_utils/ae_utils';
-import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/stores/ae_stores';
-// import { core_func } from '$lib/ae_core/ae_core_functions';
-import Element_data_store from '$lib/elements/element_data_store_v2.svelte';
+	// *** Import Aether specific variables and functions
+	// import type { key_val } from '$lib/ae_stores';
+	// import { ae_util } from '$lib/ae_utils/ae_utils';
+	import {
+		ae_snip,
+		ae_loc,
+		ae_sess,
+		ae_api,
+		ae_trig,
+		slct,
+		slct_trigger
+	} from '$lib/stores/ae_stores';
+	// import { core_func } from '$lib/ae_core/ae_core_functions';
+	import Element_data_store from '$lib/elements/element_data_store_v2.svelte';
 
-interface Props {
-    /** @type {import('./$types').LayoutData} */
-    data: any;
-    children?: import('svelte').Snippet;
-}
-
-let { data, children }: Props = $props();
+	interface Props {
+		/** @type {import('./$types').LayoutData} */
+		data: any;
+		children?: import('svelte').Snippet;
+	}
 
+	let { data, children }: Props = $props();
 </script>
 
 <svelte:head>
 	<title>Hosted Files - {$ae_loc?.title ?? 'Æ loading...'}</title>
 </svelte:head>
 
-
 <div
-    id="ae_hosted_files"
-    class:iframe={$ae_loc?.iframe}
-    class="
+	id="ae_hosted_files"
+	class:iframe={$ae_loc?.iframe}
+	class="
         ae_hosted_files
         h-full max-h-full max-w-6xl overflow-auto
         flex flex-col gap-1
         m-auto
         "
-    >
-
-
-<nav
-    class="
+>
+	<nav
+		class="
         submenu
         flex flex-row flex-wrap
         items-center justify-between
@@ -59,39 +58,26 @@ let { data, children }: Props = $props();
         px-2
         pb-2
         "
-    >
-    <span class="justify-self-start">
-
-        <!-- Be sure to explain what &AElig; (Aether) means in the title text or similar! -->
-        <Satellite
-            size="1.5em"
-            class="mx-1 inline-block text-gray-500"
-            />
-        <abbr title="Aether - Hosted Files Module">
-            Æ
-            Hosted Files
-        </abbr>
-    </span>
-    <!-- <Element_data_store
+	>
+		<span class="justify-self-start">
+			<!-- Be sure to explain what &AElig; (Aether) means in the title text or similar! -->
+			<Satellite size="1.5em" class="mx-1 inline-block text-gray-500" />
+			<abbr title="Aether - Hosted Files Module"> Æ Hosted Files </abbr>
+		</span>
+		<!-- <Element_data_store
         ds_code="hub__site__appshell_header"
         ds_type="html"
         /> -->
-    <a
-        href="/"
-        class="btn btn-sm preset-tonal-surface border border-surface-500 hover:preset-filled-success-500"
-        >
-        <House />
-        <span class="hidden md:inline">
-            Home
-        </span>
-    </a>
-</nav>
+		<a
+			href="/"
+			class="btn btn-sm preset-tonal-surface border border-surface-500 hover:preset-filled-success-500"
+		>
+			<House />
+			<span class="hidden md:inline"> Home </span>
+		</a>
+	</nav>
 
-<section
-    class:iframe={$ae_loc?.iframe}
-    class="main_content grow px-1 md:px-2 pb-28"
-    >
-    {@render children?.()}
-</section>
-
-</div>
+	<section class:iframe={$ae_loc?.iframe} class="main_content grow px-1 md:px-2 pb-28">
+		{@render children?.()}
+	</section>
+</div>