feat: move tech tree section up

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

@@ -7,28 +7,6 @@ import * as Duel from '../../../../../../../stores/duel';
 import { Arrow } from './components/Arrow';
 import { Node } from './components/Node';
 
-// function Ancestry({ line }: { line: Line }) {
-//   return (
-//     <Card>
-//       <Flex align="center">
-//         {line.map((node) => {
-//           if (typeof node === 'number') {
-//             return <Node key={node} id={node} />;
-//           } else {
-//             return (
-//               <Flex direction="column">
-//                 {node.map((line) => (
-//                   <Ancestry line={line} />
-//                 ))}
-//               </Flex>
-//             );
-//           }
-//         })}
-//       </Flex>
-//     </Card>
-//   );
-// }
-
 type Line = number[];
 
 export function TechTreeSection() {
@@ -93,13 +71,10 @@ export function TechTreeSection() {
 
   return (
     <Flex
-      my="6"
       direction="column"
       align="center"
       gap="0"
-      style={{
+      style={{ backgroundColor: 'var(--color-surface)' }}
-        backgroundColor: 'var(--color-surface)',
-      }}
       py="6"
     >
       <Flex direction="column" align="center">

src/app/tools/tankopedia/[id]/components/ShotDisplaySection.tsx

@@ -8,13 +8,7 @@ export function ShotDisplaySection() {
   if (!shot) return null;
 
   return (
-    <Flex
+    <Flex justify="center" display={{ initial: 'flex', sm: 'none' }}>
-      justify="center"
-      display={{
-        initial: 'flex',
-        sm: 'none',
-      }}
-    >
       <ShotDisplayCard shot={shot} />
     </Flex>
   );

src/app/tools/tankopedia/[id]/page.tsx

@@ -82,14 +82,14 @@ export default function Page({ params }: { params: { id: string } }) {
   return (
     <PageWrapper p="0" noMaxWidth color="purple" size={1600} gap="9">
       <HeroSection id={id} />
-      <MetaSection />
       <ShotDisplaySection />
+      <MetaSection />
       {!exempt && <AdMidSectionResponsive />}
+      <TechTreeSection />
       <TestingSection />
       <CharacteristicsSection />
       {!exempt && <AdMidSectionResponsive />}
       <GameModeSection />
-      <TechTreeSection />
       <VideoSection />
       <HistorySection />
       {!exempt && <AdMidSectionResponsive mb="6" />}