feat: i18n

src/routes/Navigation.svelte

@@ -10,6 +10,7 @@
   import {browser} from "$app/environment"
   import {userPreferences} from "$lib/preferences"
   import Theme from "./Theme.svelte"
+  import {i} from "@inlang/sdk-js"
 
   const training = [
     {slug: "cpm", title: "CPM - Characters Per Minute", icon: "music_note"},
@@ -28,7 +29,7 @@
 </script>
 
 <nav>
-  <a href="/" class="title">amaCC1ng</a>
+  <a href="/" class="title">{i("title")}</a>
 
   <div class="steps">
     {#each training as { slug, title, icon }}

src/routes/inlang/[language].json/+server.ts

@@ -0,0 +1,4 @@
+/* This file was created by inlang.
+It is needed in order to circumvent a current limitation of SvelteKit. See https://github.com/inlang/inlang/issues/647
+You can remove this comment and modify the file as you like. We just need to make sure it exists.
+Please do not delete it (inlang will recreate it if needed). */