style: fix missed Phase 1/2 items — FA→Lucide, a11y, variant-* cleanup

- +layout.svelte: replace fa-cog/fa-spinner spinners with LoaderCircle;
  variant-filled-primary → preset-filled-primary on reload button
- events/+page.svelte: fa-calendar-alt → CalendarDays, fa-exclamation-triangle
  → TriangleAlert (+ text-red-500 → text-error-500), fa-spinner → LoaderCircle
- sign_in_out.svelte: fa-times → X, fa-sign-in-alt → LogIn
- journals/+layout.svelte: fa-arrow-right → ArrowRight
- journal_entry_header.svelte: fix focus:ring-0 → focus:ring-2 focus:ring-primary-500
  (WCAG 2.1 AA — removes keyboard focus indicator violation)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/routes/+layout.svelte

@@ -38,6 +38,7 @@
     // *** Import Aether specific variables and functions
     // import Analytics from '$lib/app_components/analytics.svelte';
     import { ae_loc, ae_sess, ae_api, slct, slct_trigger, ae_auth_error } from '$lib/stores/ae_stores';
+    import { LoaderCircle } from 'lucide-svelte';
     // import { events_loc, events_slct } from '$lib/stores/ae_events_stores';
 
     // import MyClipboard from '$lib/app_components/e_app_clipboard.svelte';
@@ -313,7 +314,7 @@
     {#if is_hydrating}
         <div class="print:hidden fixed inset-0 z-99 flex flex-col items-center justify-center bg-surface-50/80 dark:bg-surface-900/80 backdrop-blur-sm transition-opacity duration-500">
             <div class="preset-filled-surface-100-900 p-8 rounded-2xl shadow-2xl flex flex-col items-center gap-4">
-                <span class="fas fa-cog fa-spin text-5xl text-primary-500"></span>
+                <LoaderCircle size="3rem" class="animate-spin text-primary-500" />
                 <div class="text-center font-bold text-xl">Hydrating Aether...</div>
             </div>
         </div>
@@ -321,10 +322,10 @@
 {:else if browser && flag_denied}
     <div class="flex flex-col items-center justify-center h-screen gap-6 p-8">
         <h1 class="text-4xl font-black text-error-500">Access Denied</h1>
-        <button class="btn variant-filled-primary" onclick={() => window.location.reload()}>Reload</button>
+        <button class="btn preset-filled-primary" onclick={() => window.location.reload()}>Reload</button>
     </div>
 {:else if browser}
-    <div class="flex items-center justify-center h-screen"><span class="fas fa-spinner fa-spin text-4xl opacity-20"></span></div>
+    <div class="flex items-center justify-center h-screen"><LoaderCircle size="2.5rem" class="animate-spin opacity-20" /></div>
 {/if}
 
 {#if browser && (!$ae_loc?.iframe || $ae_loc?.trusted_access)}