refactor: move old libs and components to old folder

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

@@ -1,83 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from "svelte";
-
-	interface Props {
-		variant?: "primary" | "secondary";
-		type?: "button" | "submit";
-		disabled?: boolean;
-		busy?: boolean;
-		busyText?: string;
-		fullWidth?: boolean;
-		onclick?: () => void;
-		children: Snippet;
-	}
-
-	let {
-		variant = "primary",
-		type = "button",
-		disabled = false,
-		busy = false,
-		busyText = "",
-		fullWidth = false,
-		onclick,
-		children,
-	}: Props = $props();
-</script>
-
-<button
-	{type}
-	class={fullWidth ? `${variant} fullwidth` : variant}
-	aria-busy={busy}
-	disabled={disabled || busy}
-	{onclick}
->
-	{#if busy && busyText}
-		{busyText}
-	{:else}
-		{@render children()}
-	{/if}
-</button>
-
-<style>
-	button {
-		padding: var(--space-2) var(--space-3);
-		border-radius: var(--radius-s);
-		border: 1px solid transparent;
-		font-weight: 600;
-		font-size: var(--text-m);
-		cursor: pointer;
-		transition:
-			background var(--transition-fast),
-			border-color var(--transition-fast),
-			color var(--transition-fast);
-	}
-
-	button.primary {
-		background: var(--accent);
-		color: var(--accent-contrast);
-	}
-
-	button.primary:hover:not(:disabled) {
-		background: var(--accent-hover);
-	}
-
-	button.secondary {
-		background: var(--surface);
-		color: var(--text);
-		border-color: var(--border);
-	}
-
-	button.secondary:hover:not(:disabled) {
-		border-color: var(--link);
-		color: var(--link);
-	}
-
-	button:disabled {
-		opacity: 0.55;
-		cursor: not-allowed;
-	}
-
-	.fullwidth {
-		width: 100%;
-	}
-</style>