CRUD - Affirmations

src/routes/(protected)/+layout.svelte

@@ -2,13 +2,30 @@
 	import Window from '$lib/components/containers/Window.svelte';
 
 	const { children } = $props();
+
+	let adminExpanded = $state(true);
 </script>
 
 <div class="flex min-h-0 flex-1">
-	<div class="mt-12 mr-12 flex flex-col">
+	<div class="mt-12 mr-12 flex flex-col gap-1">
 		<a href="/dashboard" class="text-blue-600">Dashboard</a>
+		
+		<div class="flex flex-col">
+			<button
+				class="flex items-center gap-1 text-left text-gray-700 hover:text-gray-900"
+				onclick={() => adminExpanded = !adminExpanded}
+			>
+				<span class="w-4 text-xs">{adminExpanded ? '▼' : '▶'}</span>
+				Admin
+			</button>
+			{#if adminExpanded}
+				<div class="ml-5 flex flex-col">
+					<a href="/affirmations" class="text-blue-600">Affirmations</a>
+				</div>
+			{/if}
+		</div>
 	</div>
 	<Window>
 		{@render children()}
 	</Window>
-</div>
+</div>