feat: translate tier list

packages/website/src/pages/[...locale]/tools/tier-list/_index.tsx

@@ -4,16 +4,22 @@ import { TierListControls } from '../../../../components/TierList/Controls';
 import { TierListTable } from '../../../../components/TierList/Table';
 import { TierListTiles } from '../../../../components/TierList/Tiles';
 import { URLManager } from '../../../../components/TierList/URLManager';
+import {
+  LocaleProvider,
+  type LocaleAcceptorProps,
+} from '../../../../hooks/useLocale';
 import { TankopediaPersistent } from '../../../../stores/tankopediaPersistent';
 import { TierList } from '../../../../stores/tierList';
 
-export function Page() {
+export function Page({ locale }: LocaleAcceptorProps) {
   return (
-    <TierList.Provider>
-      <TankopediaPersistent.Provider>
-        <Content />
-      </TankopediaPersistent.Provider>
-    </TierList.Provider>
+    <LocaleProvider locale={locale}>
+      <TierList.Provider>
+        <TankopediaPersistent.Provider>
+          <Content />
+        </TankopediaPersistent.Provider>
+      </TierList.Provider>
+    </LocaleProvider>
   );
 }
 

packages/website/src/pages/[...locale]/tools/tier-list/index.astro

@@ -4,8 +4,10 @@ import ToolLayout from '../../../../layouts/ToolLayout.astro';
 import { Page } from './_index';
 
 export { getStaticPaths } from '../../index.astro';
+
+const { locale } = Astro.params;
 ---
 
 <ToolLayout tool={tierListTool}>
-  <Page client:load />
+  <Page {locale} client:load />
 </ToolLayout>