feat: shell name tooltips

src/app/tools/tankopedia/[id]/components/Characteristics/index.tsx

@@ -7,6 +7,7 @@ import {
   Slider,
   Text,
   TextField,
+  Tooltip,
 } from '@radix-ui/themes';
 import { debounce } from 'lodash';
 import { Fragment, use, useEffect, useRef, useState } from 'react';
@@ -144,6 +145,7 @@ export function Characteristics() {
 
             <Flex>
               {gun.shells.map((thisShell, shellIndex) => (
+                <Tooltip content={thisShell.name}>
                   <IconButton
                     color={thisShell.id === shell.id ? undefined : 'gray'}
                     variant="soft"
@@ -170,6 +172,7 @@ export function Characteristics() {
                       src={asset(`icons/shells/${thisShell.icon}.webp`)}
                     />
                   </IconButton>
+                </Tooltip>
               ))}
             </Flex>
           </Flex>

src/app/tools/tankopedia/[id]/components/Model/MetaSection.tsx

@@ -16,8 +16,8 @@ export function MetaSection() {
     typeof tank.price === 'number' ? 'credits' : tank.price.type;
   const salePrice = 0.5 * rawPrice;
   const purchasePrice = rawPrice;
-  let worthSelling: boolean;
   const ClassIcon = classIcons[tank.class];
+  let worthSelling: boolean;
 
   if (priceType === 'gold') {
     worthSelling = tank.tier <= 6 || purchasePrice - salePrice <= 500;