fix: full width stats

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

@@ -30,7 +30,7 @@ export function Consumables() {
         <Text color="gray">(max {protagonist.tank.consumables})</Text>
       </Heading>
 
-      <Flex>
+      <Flex wrap="wrap">
         {consumablesList.map((consumable, index) => {
           const selected = consumables.includes(consumable.id);
 

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

@@ -29,7 +29,7 @@ export function Provisions() {
         Provisions <Text color="gray">(max {protagonist.tank.provisions})</Text>
       </Heading>
 
-      <Flex>
+      <Flex wrap="wrap">
         {provisionsList.map((provision, index) => {
           const selected = provisions.includes(provision.id);
 

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

@@ -1,9 +0,0 @@
-import { Flex } from '@radix-ui/themes';
-import { Info } from './Info';
-
-export function Survivability() {
-  return (
-    <Flex>
-    </Flex>
-  );
-}

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

@@ -43,7 +43,7 @@ export function Characteristics() {
   }
 
   return (
-    <Flex direction="column" gap="4">
+    <Flex direction="column" gap="4" style={{ width: '100%' }}>
       <Flex direction="column" gap="2">
         <Heading size="5">Survivability</Heading>
         <Info name="Health" unit="hp">