feat: better hero responsiveness

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

@@ -18,7 +18,7 @@ export function HeroSection() {
       style={{
         background: `linear-gradient(${wideFormat ? -90 : 180}deg, ${theme.colors.appBackground1}, ${theme.colors.appBackground2})`,
         position: 'relative',
-        height: wideFormat ? undefined : 'calc(100vh - 64px)',
+        height: wideFormat ? undefined : 'calc(87.5vh - 64px)',
       }}
       gap="4"
     >

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

@@ -8,7 +8,6 @@ import { mutateTankopediaTemporary } from '../../../../stores/tankopedia';
 import { CharacteristicsSection } from './components/Model/CharacteristicsSection';
 import { HeroSection } from './components/Model/HeroSection';
 import { HistoricalSection } from './components/Model/HistoricalSection';
-import { TankopediaPlug } from './components/Model/TankopediaPlug';
 import { TankopediaSeparator } from './components/TankopediaSeparator';
 import { Videos } from './components/Videos';
 
@@ -62,7 +61,7 @@ export default function Page({ params }: { params: { id: string } }) {
       {assigned && (
         <>
           <HeroSection />
-          <TankopediaPlug />
+          {/* <TankopediaPlug /> */}
           <CharacteristicsSection />
           <TankopediaSeparator />
           <Videos />