feat: game filter parity

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

@@ -107,7 +107,7 @@ export function Options() {
           ))}
         </Flex>
         <Flex style={{ flex: 1 }}>
-          {[...TANK_TYPES].reverse().map((type, index) => (
+          {[...TANK_TYPES].map((type, index) => (
             <Button
               key={type}
               color={filters.types.includes(type) ? undefined : 'gray'}
@@ -147,10 +147,7 @@ export function Options() {
           style={{ width: '100%' }}
         >
           <Flex>
-            {[...TIERS]
+            {[...TIERS].slice(0, 5).map((tier, index) => (
-              .reverse()
-              .slice(0, 5)
-              .map((tier, index) => (
               <Button
                 key={tier}
                 color={filters.tiers.includes(tier) ? undefined : 'gray'}
@@ -183,10 +180,7 @@ export function Options() {
             ))}
           </Flex>
           <Flex>
-            {[...TIERS]
+            {[...TIERS].slice(5).map((tier, index) => (
-              .reverse()
-              .slice(5)
-              .map((tier, index) => (
               <Button
                 key={tier}
                 color={filters.tiers.includes(tier) ? undefined : 'gray'}
@@ -299,7 +293,7 @@ export function Options() {
 
       <Flex gap="2" style={{ flex: 1 }} wrap="wrap">
         <Flex className={styles.oneLineFilters} style={{ flex: 1 }}>
-          {[...TIERS].reverse().map((tier, index) => (
+          {[...TIERS].map((tier, index) => (
             <Button
               key={tier}
               color={filters.tiers.includes(tier) ? undefined : 'gray'}

src/components/Tanks/components/Item.tsx

@@ -6,10 +6,10 @@ import {
 import { theme } from '../../../stitches.config';
 
 export const TANK_TYPES = [
-  'tankDestroyer',
   'light',
   'medium',
   'heavy',
+  'tankDestroyer',
 ] as const;
 
 // TODO: remove hyphen for underscore