Working on update a lot of pages using the ae_loc hub section.

src/routes/journals/+layout.svelte

@@ -1,11 +1,15 @@
 <script lang="ts">
 /** @type {import('./$types').LayoutProps} */
-let { data, children } = $props();
 
-// Imports
+// *** Import Svelte specific
 import { browser } from '$app/environment';
 import { goto } from '$app/navigation';
 
+// *** Import other supporting libraries
+// import * as icons from '@lucide/svelte';
+import { House } 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 { api } from '$lib/api';
@@ -15,6 +19,13 @@ import { journals_loc, journals_slct, journals_trig } from '$lib/ae_journals/ae_
 
 // import Element_data_store from '$lib/element_data_store_v2.svelte';
 
+// *** Setup Svelte properties
+interface Props {
+    data: any;
+    children: any;
+}
+let { data, children }: Props = $props();
+
 $journals_loc.qry__enabled = 'enabled';
 $journals_loc.qry__hidden = 'not_hidden';
 $journals_loc.qry__limit = 15;
@@ -57,8 +68,14 @@ if (browser) {
 <!-- These are needed: h-full overflow-auto -->
 <div class="ae_journals">
 
-<nav class="submenu flex flex-row items-centr justify-center gap-1">
-    <a href="/" class="btn btn-sm variant-ghost-success hover:variant-filled-success">Home</a>
+<nav class="submenu flex flex-row items-center justify-center gap-1">
+    <a
+        href="/"
+        class="btn btn-sm variant-ghost-success hover:variant-filled-success"
+        >
+        <House />
+        Home
+    </a>
     <!-- <a href="/about" class="btn btn-sm">About</a> -->
     <!-- <a href="/settings" class="btn btn-sm">Settings</a> -->
     <button