feat: translate tier list

packages/website/src/components/TierList/Controls/components/Share.tsx

@@ -1,10 +1,12 @@
 import { Share2Icon } from '@radix-ui/react-icons';
 import { generateTierListParams } from '../../../../core/blitzkit/generateTierListParams';
+import { useLocale } from '../../../../hooks/useLocale';
 import { TierList } from '../../../../stores/tierList';
 import { CopyButton } from '../../../CopyButton';
 
 export function Share() {
   const rows = TierList.use((state) => state.rows);
+  const { strings } = useLocale();
 
   return (
     <CopyButton
@@ -13,7 +15,7 @@ export function Share() {
         `${location.origin}/tools/tier-list?${generateTierListParams(rows)}`
       }
     >
-      <Share2Icon /> Share
+      <Share2Icon /> {strings.website.tools.tier_list.buttons.share}
     </CopyButton>
   );
 }

packages/website/src/components/TierList/Controls/index.tsx

@@ -1,10 +1,12 @@
 import { ReloadIcon } from '@radix-ui/react-icons';
 import { Button, Flex } from '@radix-ui/themes';
+import { useLocale } from '../../../hooks/useLocale';
 import { TierList, tierListInitialState } from '../../../stores/tierList';
 import { Share } from './components/Share';
 
 export function TierListControls() {
   const mutateTierList = TierList.useMutation();
+  const { strings } = useLocale();
 
   return (
     <Flex justify="center" gap="2">
@@ -16,7 +18,7 @@ export function TierListControls() {
           });
         }}
       >
-        <ReloadIcon /> Reset
+        <ReloadIcon /> {strings.website.tools.tier_list.buttons.reset}
       </Button>
 
       <Share />