feat: use i18n in components

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

@@ -2,6 +2,7 @@
 	import ToolPage from '$lib/components/ToolPage.svelte';
 	import { getTool } from '$lib/registry';
 	import { t } from '$lib/i18n/t';
+	import { toolDescription, toolTitle } from '$lib/i18n/tool-strings';
 
 	let { data } = $props();
 
@@ -9,9 +10,9 @@
 </script>
 
 <svelte:head>
-	<title>{tool?.title ?? t('toolPage.fallbackTitle')} — easy-png-tools</title>
+	<title>{tool ? toolTitle(tool) : t('toolPage.fallbackTitle')} — easy-png-tools</title>
 	{#if tool}
-		<meta name="description" content={tool.description} />
+		<meta name="description" content={toolDescription(tool)} />
 	{/if}
 </svelte:head>