feat: default direction

src/app/tools/tank-performance/components/Header.tsx

@@ -40,7 +40,7 @@ export function Header() {
                         direction: -sort.direction as 1 | -1,
                       });
                     } else {
-                      useTankPerformanceSort.setState({ type });
+                      useTankPerformanceSort.setState({ type, direction: -1 });
                     }
                   }}
                 >

src/app/tools/tank-performance/page.tsx

@@ -1,10 +1,10 @@
 import { Flex, Table } from '@radix-ui/themes';
 import { Suspense } from 'react';
 import PageWrapper from '../../../components/PageWrapper';
+import { BodyLoader } from './components/BodyLoader';
 import { Header } from './components/Header';
 import { Info } from './components/Info';
 import { Tanks } from './components/Tanks';
-import { BodyLoader } from './components/BodyLoader';
 
 export default function Page() {
   return (
@@ -14,7 +14,6 @@ export default function Page() {
       <Flex justify="center">
         <Table.Root variant="surface" style={{ maxWidth: '100%' }}>
           <Header />
-
           <Suspense fallback={<BodyLoader />}>
             <Tanks />
           </Suspense>