feat: start of perforamnce

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

@@ -3,17 +3,25 @@ import { PerformanceInfo } from '../../../../components/Performance/PerformanceI
 import { PlayerCountControl } from '../../../../components/Performance/PlayerCountControl';
 import { TankTable } from '../../../../components/Performance/Table';
 import { FilterControl } from '../../../../components/TankSearch/components/FilterControl';
+import {
+  LocaleProvider,
+  type LocaleAcceptorProps,
+} from '../../../../hooks/useLocale';
 import { TankPerformanceEphemeral } from '../../../../stores/tankPerformanceEphemeral';
 import { TankPerformanceSort } from '../../../../stores/tankPerformanceSort';
 import type { MaybeSkeletonComponentProps } from '../../../../types/maybeSkeletonComponentProps';
 
-export function Page({ skeleton }: MaybeSkeletonComponentProps) {
+type PageProps = MaybeSkeletonComponentProps & LocaleAcceptorProps;
+
+export function Page({ skeleton, locale }: PageProps) {
   return (
-    <TankPerformanceSort.Provider>
-      <TankPerformanceEphemeral.Provider>
-        <Content skeleton={skeleton} />
-      </TankPerformanceEphemeral.Provider>
-    </TankPerformanceSort.Provider>
+    <LocaleProvider locale={locale}>
+      <TankPerformanceSort.Provider>
+        <TankPerformanceEphemeral.Provider>
+          <Content skeleton={skeleton} />
+        </TankPerformanceEphemeral.Provider>
+      </TankPerformanceSort.Provider>
+    </LocaleProvider>
   );
 }
 

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

@@ -5,12 +5,14 @@ import BaseLayout from '../../../../layouts/BaseLayout.astro';
 import { Page } from './_index';
 
 export { getStaticPaths } from '../../index.astro';
+
+const { locale } = Astro.params;
 ---
 
 <ToolOpenGraph tool={performanceTool} />
 
 <BaseLayout noFooter>
-  <Page client:only="react">
-    <Page skeleton slot="fallback" />
+  <Page client:only="react" {locale}>
+    <Page skeleton slot="fallback" {locale} />
   </Page>
 </BaseLayout>

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

@@ -12,17 +12,20 @@ import { VideoSection } from '../../../../../components/Tankopedia/VideoSection'
 import { awaitableModelDefinitions } from '../../../../../core/awaitables/modelDefinitions';
 import { awaitableProvisionDefinitions } from '../../../../../core/awaitables/provisionDefinitions';
 import { awaitableTankDefinitions } from '../../../../../core/awaitables/tankDefinitions';
-import { LocaleProvider } from '../../../../../hooks/useLocale';
+import {
+  LocaleProvider,
+  type LocaleAcceptorProps,
+} from '../../../../../hooks/useLocale';
 import { App } from '../../../../../stores/app';
 import { Duel } from '../../../../../stores/duel';
 import { TankopediaEphemeral } from '../../../../../stores/tankopediaEphemeral';
 import { TankopediaPersistent } from '../../../../../stores/tankopediaPersistent';
 import type { MaybeSkeletonComponentProps } from '../../../../../types/maybeSkeletonComponentProps';
 
-type PageProps = MaybeSkeletonComponentProps & {
-  id: number;
-  locale: string | undefined;
-};
+type PageProps = MaybeSkeletonComponentProps &
+  LocaleAcceptorProps & {
+    id: number;
+  };
 
 const [tankDefinitions, provisionDefinitions, modelDefinitions] =
   await Promise.all([

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

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