Decouple event search and compose

src/lib/a/nav/AFooter.svelte

@@ -3,7 +3,7 @@
 </script>
 
 <Footer class="mx-2">
-  <FooterCopyright href="/" by="GitCitadel" year={2025} />
+  <FooterCopyright href="/events?id=npub1s3ht77dq4zqnya8vjun5jp3p44pr794ru36d0ltxu65chljw8xjqd975wz" by="GitCitadel" year={2025} />
   <FooterLinkGroup class="mt-3 flex flex-wrap items-center text-sm text-gray-500 sm:mt-0 dark:text-gray-400">
     <FooterLink href="/about">About</FooterLink>
     <FooterLink href="/contact">Contact</FooterLink>

src/lib/nav/site-nav.ts

@@ -5,7 +5,7 @@ export const siteNav: NavItem[] = [
     title: 'Create',
     children: [
       { title: 'Compose notes', href: '/new/compose' },
-      { title: 'Publish events', href: '/events/publish' },
+      { title: 'Publish events', href: '/events/compose' },
     ]
   },
   {

src/routes/events/compose/+page.svelte

@@ -0,0 +1,45 @@
+<script lang="ts">
+  import { Heading, P } from "flowbite-svelte";
+  import EventInput from "$components/EventInput.svelte";
+  import { userPubkey, isLoggedIn } from "$lib/stores/authStore.Svelte.js";
+  import { activeInboxRelays, activeOutboxRelays } from "$lib/ndk.ts";
+
+  // AI-NOTE: 2025-01-24 - Reactive effect to log relay configuration when stores change - non-blocking approach
+  $effect.pre(() => {
+    const inboxRelays = $activeInboxRelays;
+    const outboxRelays = $activeOutboxRelays;
+
+    // Only log if we have relays (not empty arrays)
+    if (inboxRelays.length > 0 || outboxRelays.length > 0) {
+      // Defer logging to avoid blocking the reactive system
+      requestAnimationFrame(() => {
+        console.log('🔌 Compose Page - Relay Configuration Updated:');
+        console.log('📥 Inbox Relays:', inboxRelays);
+        console.log('📤 Outbox Relays:', outboxRelays);
+        console.log(`📊 Total: ${inboxRelays.length} inbox, ${outboxRelays.length} outbox`);
+      });
+    }
+  });
+</script>
+
+<div class="w-full flex justify-center">
+  <div class="flex flex-col w-full max-w-4xl my-6 px-4 mx-auto">
+    <div class="main-leather flex flex-col space-y-6">
+      <Heading tag="h1" class="h-leather mb-2">Compose Event</Heading>
+
+      <P class="mb-3">
+        Use this page to compose and publish various types of events to the Nostr network.
+        You can create notes, articles, and other event types depending on your needs.
+      </P>
+
+      {#if isLoggedIn && userPubkey}
+        <EventInput />
+      {:else}
+        <div class="p-6 bg-gray-200 dark:bg-gray-700 rounded-lg text-center">
+          <Heading tag="h3" class="h-leather mb-4">Sign In Required</Heading>
+          <P>Please sign in to compose and publish events to the Nostr network.</P>
+        </div>
+      {/if}
+    </div>
+  </div>
+</div>