feat: add base path for deploy

web/src/routes/+layout.svelte

@@ -2,6 +2,7 @@
 	import '../app.css';
 	import favicon from '$lib/assets/favicon.svg';
 	import { onMount } from 'svelte';
+	import { resolve } from '$app/paths';
 	import { getLocale, initLocale, setLocale } from '$lib/i18n/locale.svelte';
 	import { t } from '$lib/i18n/t';
 	import { LOCALES, type Locale } from '$lib/i18n/dict';
@@ -19,10 +20,10 @@
 
 <div class="app">
 	<header>
-		<a href="/" class="brand">easy-png-tools</a>
+		<a href={resolve('/')} class="brand">easy-png-tools</a>
 		<nav aria-label={t('header.sectionsAria')}>
-			<a class="nav-link workspace-link" href="/">{t('header.workspace')}</a>
-			<a class="nav-link" href="/list-tools">{t('header.catalog')}</a>
+			<a class="nav-link workspace-link" href={resolve('/')}>{t('header.workspace')}</a>
+			<a class="nav-link" href={resolve('/list-tools')}>{t('header.catalog')}</a>
 			<div class="lang-switch" role="group" aria-label="Language / Язык">
 				{#each LOCALES as l (l)}
 					<button

web/src/routes/list-tools/+page.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { CATEGORIES } from '$lib/categories';
+	import { resolve } from '$app/paths';
 	import { t } from '$lib/i18n/t';
 	import { toolDescription, toolTitle } from '$lib/i18n/tool-strings';
 	import ToolCard from '$lib/components/search/ToolCard.svelte';
@@ -26,7 +27,7 @@
 							toolId={tool.id}
 							title={toolTitle(tool)}
 							description={toolDescription(tool)}
-							href="/tools/{tool.id}"
+							href={resolve(`/tools/${tool.id}`)}
 						/>
 					</div>
 				{/each}