Split admin dashboard, implement user and booking search

frontend/src/lib/components/layout/NavBar.svelte

@@ -12,7 +12,8 @@
 		{ href: '/portfolio', label: 'Portfolio', showWhen: 'always', width: 'w-20' },
 		{ href: '/contact', label: 'Contact', showWhen: 'always', width: 'w-16' },
 		{ href: '/account', label: 'My Account', showWhen: 'auth', width: 'w-24' },
-		{ href: '/admin', label: 'Admin Dashboard', showWhen: 'admin', width: 'w-28' }
+		{ href: '/admin', label: 'Admin Dashboard', showWhen: 'admin', width: 'w-28' },
+		{ href: '/today', label: 'Today', showWhen: 'admin', width: 'w-28' }
 	];
 
 	let mobileMenuOpen: boolean = false;
@@ -42,7 +43,7 @@
 </script>
 
 <nav
-	class="fixed left-0 top-0 z-50 w-full border-b border-gray-200"
+	class="fixed top-0 left-0 z-50 w-full border-b border-gray-200"
 	class:frosty-nav={!mobileMenuOpen}
 	class:bg-background={mobileMenuOpen}
 >
@@ -54,7 +55,7 @@
 					href="https://instagram.com"
 					target="_blank"
 					rel="noopener"
-					class="hover:text-primary text-gray-600"
+					class="text-gray-600 hover:text-primary"
 					aria-label="Instagram"
 				>
 					<svg
@@ -82,7 +83,7 @@
 						{#if authStore.isLoading}
 							<Skeleton class={`h-4 ${link.width} rounded`} />
 						{:else}
-							<a href={link.href} class="hover:text-primary font-medium text-gray-800"
+							<a href={link.href} class="font-medium text-gray-800 hover:text-primary"
 								>{link.label}</a
 							>
 						{/if}
@@ -118,8 +119,8 @@
 
 	<!-- Mobile Menu -->
 	{#if mobileMenuOpen}
-		<div class="bg-background border-b border-gray-200 md:hidden">
-			<div class="space-y-1 px-2 pb-3 pt-2">
+		<div class="border-b border-gray-200 bg-background md:hidden">
+			<div class="space-y-1 px-2 pt-2 pb-3">
 				{#each links as link}
 					{#if canShow(link)}
 						{#if authStore.isLoading}
@@ -127,7 +128,7 @@
 						{:else}
 							<a
 								href={link.href}
-								class="text-primary block rounded px-3 py-2 text-center hover:text-gray-800"
+								class="block rounded px-3 py-2 text-center text-primary hover:text-gray-800"
 							>
 								{link.label}
 							</a>