Moved alert because it clashes with the publication navbar and don't have the juice to make it all work

src/routes/+layout.svelte

@@ -42,11 +42,5 @@
 
 <div class={'leather mt-[76px] h-full w-full flex flex-col items-center'}>
   <Navigation class='fixed top-0' />
-  <Alert rounded={false} class='!hidden border-t-4 border-primary-500 text-gray-900 dark:text-gray-100 dark:border-primary-500 flex justify-left mb-2'>
-    <HammerSolid class='mr-2 h-5 w-5 text-primary-500 dark:text-primary-500' />
-    <span class='font-medium'>
-      Pardon our dust!  The publication view is currently using an experimental loader, and may be unstable.
-    </span>
-  </Alert>
   <slot />
 </div>

src/routes/+page.svelte

@@ -1,7 +1,7 @@
 <script lang='ts'>
   import { FeedType, feedTypeStorageKey, standardRelays } from '$lib/consts';
-  import { Button, Dropdown, Radio } from 'flowbite-svelte';
+  import { Alert, Button, Dropdown, Radio } from "flowbite-svelte";
-  import { ChevronDownOutline } from 'flowbite-svelte-icons';
+  import { ChevronDownOutline, HammerSolid } from "flowbite-svelte-icons";
   import { inboxRelays, ndkSignedIn } from '$lib/ndk';
   import PublicationFeed from '$lib/components/PublicationFeed.svelte';
   import { feedType } from '$lib/stores';
@@ -22,6 +22,13 @@
   };
 </script>
 
+<Alert rounded={false} id="alert-experimental" class='border-t-4 border-primary-500 text-gray-900 dark:text-gray-100 dark:border-primary-500 flex justify-left mb-2'>
+  <HammerSolid class='mr-2 h-5 w-5 text-primary-500 dark:text-primary-500' />
+  <span class='font-medium'>
+      Pardon our dust!  The publication view is currently using an experimental loader, and may be unstable.
+    </span>
+</Alert>
+
 <main class='leather flex flex-col flex-grow-0 space-y-4 p-4'>
   {#if !$ndkSignedIn}
     <PublicationFeed relays={standardRelays} />