- one more time rework slider

- rework design system
- fill trainer page

src/i18n/utils.ts

@@ -1,3 +1,4 @@
+import type { Primitive } from 'astro:schema'
 import { ui, type TranslationKey } from './ui'
 
 import { i18n } from 'astro:config/client'
@@ -11,7 +12,12 @@ export function getLangFromUrl(url: URL) {
 }
 
 export function useTranslations(lang?: string) {
-  return function t(key: TranslationKey) {
-    return ui[lang as keyof typeof ui]?.[key] || ui[i18n!.defaultLocale as keyof typeof ui][key]
+  return function t(key: TranslationKey, payload?: Primitive): string {
+    const translation =
+      ui[lang as keyof typeof ui]?.[key] || ui[i18n!.defaultLocale as keyof typeof ui][key]
+
+    if (typeof translation === 'function') return translation(String(payload))
+
+    return translation
   }
 }