feat: new layout

src/app/tools/tankopedia/components/TankSearch/constants.tsx

@@ -0,0 +1,7 @@
+import { TreeType } from '../../../../../components/Tanks';
+
+export const treeTypeOrder: TreeType[] = [
+  'researchable',
+  'premium',
+  'collector',
+];

src/app/tools/tankopedia/components/TankSearch/index.tsx

@@ -14,7 +14,6 @@ import {
 import { go } from 'fuzzysort';
 import { use, useEffect, useMemo, useRef, useState } from 'react';
 import { isMobileOnly } from 'react-device-detect';
-import { TreeType } from '../../../../../components/Tanks';
 import { TANK_CLASSES } from '../../../../../components/Tanks/components/Item/constants';
 import { resolveNearPenetration } from '../../../../../core/blitz/resolveNearPenetration';
 import { modelDefinitions } from '../../../../../core/blitzkit/modelDefinitions';
@@ -35,6 +34,7 @@ import { PageTurner } from '../PageTurner';
 import { Options } from './components/Options';
 import { Results } from './components/Results';
 import { Sort } from './components/Sort';
+import { treeTypeOrder } from './constants';
 
 interface TankSearchProps {
   compact?: boolean;
@@ -42,8 +42,6 @@ interface TankSearchProps {
   onSelectAll?: (tanks: TankDefinition[]) => void;
 }
 
-const treeTypeOrder: TreeType[] = ['researchable', 'premium', 'collector'];
-
 export function TankSearch({
   compact,
   onSelect = () => {},