[FA-misc] Astro migration works, probably want to touchup the frontend but that can be in Phase 4

fictionarchive-web-astro/src/lib/components/Navbar.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { Button } from '$lib/components/ui/button';
+	import { Input } from '$lib/components/ui/input';
+	import AuthenticationDisplay from './AuthenticationDisplay.svelte';
+</script>
+
+<header class="sticky top-0 z-10 border-b bg-white/80 backdrop-blur dark:bg-gray-900/80">
+	<nav class="mx-auto flex max-w-6xl items-center gap-4 px-4 py-3">
+		<a href="/" class="flex items-center gap-2">
+			<span class="rounded bg-primary px-2 py-1 font-bold text-white">FA</span>
+			<span class="font-semibold">FictionArchive</span>
+		</a>
+		<a href="/">
+			<Button variant="ghost">Novels</Button>
+		</a>
+		<div class="flex-1">
+			<Input type="search" placeholder="Search..." class="max-w-xs" />
+		</div>
+		<AuthenticationDisplay />
+	</nav>
+</header>