feat: some more localized links

packages/website/src/pages/[...locale]/tools/tankopedia/_index.tsx

@@ -1,16 +1,23 @@
 import { PageWrapper } from '../../../../components/PageWrapper';
 import { TankSearch } from '../../../../components/TankSearch';
+import { LocaleProvider } from '../../../../hooks/useLocale';
 import { App } from '../../../../stores/app';
 import { TankopediaPersistent } from '../../../../stores/tankopediaPersistent';
 
-export function Page() {
+interface PageProps {
+  locale: string | undefined;
+}
+
+export function Page({ locale }: PageProps) {
   return (
-    <PageWrapper color="purple" maxWidth="80rem">
+    <LocaleProvider locale={locale}>
-      <TankopediaPersistent.Provider>
+      <PageWrapper color="purple" maxWidth="80rem">
-        <App.Provider>
+        <TankopediaPersistent.Provider>
-          <TankSearch />
+          <App.Provider>
-        </App.Provider>
+            <TankSearch />
-      </TankopediaPersistent.Provider>
+          </App.Provider>
-    </PageWrapper>
+        </TankopediaPersistent.Provider>
+      </PageWrapper>
+    </LocaleProvider>
   );
 }

packages/website/src/pages/[...locale]/tools/tankopedia/index.astro

@@ -4,10 +4,12 @@ import ToolLayout from '../../../../layouts/ToolLayout.astro';
 import { Page } from './_index';
 
 export { getStaticPaths } from '../../index.astro';
+
+const { locale } = Astro.params;
 ---
 
 <ToolLayout tool={tankopediaTool}>
-  <Page client:only="react">
+  <Page {locale} client:only="react">
-    <Page slot="fallback" />
+    <Page {locale} slot="fallback" />
   </Page>
 </ToolLayout>