feat: add route pages

web/src/routes/tools/[id]/+page.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import ToolPage from '$lib/components/ToolPage.svelte';
+	import { getTool } from '$lib/registry';
+
+	let { data } = $props();
+
+	const tool = $derived(getTool(data.id));
+</script>
+
+<svelte:head>
+	<title>{tool?.title ?? 'Инструмент'} — easy-png-tools</title>
+	{#if tool}
+		<meta name="description" content={tool.description} />
+	{/if}
+</svelte:head>
+
+{#if tool}
+	<ToolPage {tool} />
+{/if}

web/src/routes/tools/[id]/+page.ts

@@ -0,0 +1,13 @@
+import { error } from '@sveltejs/kit';
+import { getTool, TOOLS } from '$lib/registry';
+import type { EntryGenerator, PageLoad } from './$types';
+
+export const entries: EntryGenerator = () => TOOLS.map((tool) => ({ id: tool.id }));
+
+export const load: PageLoad = ({ params }) => {
+	const tool = getTool(params.id);
+	if (!tool) {
+		error(404, 'Инструмент не найден');
+	}
+	return { id: tool.id };
+};