feat: flatten components/kit -> components folder

web/src/lib/components/ui/TopNav.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+	import { resolve } from "$app/paths";
+</script>
+
+<nav class="nav">
+	<a href={resolve("/")}>Home page</a>
+	<a href={resolve("/list-tools")}>Catalog</a>
+	<a href={resolve("/kit")}> UI Kit </a>
+</nav>
+
+<style>
+	.nav {
+		display: flex;
+		align-items: center;
+		gap: var(--space-xxl);
+		margin-right: var(--space-xxxl);
+		margin-left: auto;
+	}
+	.nav a {
+		color: var(--color-text);
+		font: bold var(--font-size-s) var(--font-mono);
+		white-space: nowrap;
+		text-decoration: none;
+	}
+	.nav a:hover {
+		color: var(--color-main);
+	}
+</style>