feat: lessen ads

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

@@ -1,6 +1,4 @@
 import { Flex, Heading } from '@radix-ui/themes';
-import { Ad, AdType } from '../../../../../../components/Ad';
-import { useAdExempt } from '../../../../../../hooks/useAdExempt';
 import { Characteristics } from '../Characteristics';
 import { Consumables } from '../Characteristics/components/Consumables';
 import { Equipment } from '../Characteristics/components/Equipment';
@@ -10,26 +8,8 @@ import { Provisions } from '../Characteristics/components/Provisions';
 import { Skills } from '../Characteristics/components/Skills';
 
 export function CharacteristicsSection() {
-  const exempt = useAdExempt();
-
   return (
-    <Flex
+    <Flex mt="4" px="4" style={{ boxSizing: 'border-box' }} gap="6">
-      mt={exempt ? '4' : '0'}
-      px="4"
-      style={{ boxSizing: 'border-box' }}
-      gap="6"
-    >
-      {!exempt && (
-        <Flex
-          direction="column"
-          gap="4"
-          display={{ initial: 'none', lg: 'flex' }}
-          pt={{ initial: '9', md: '0' }}
-        >
-          <Ad type={AdType.WideSkyscraperVerticalPurple} />
-        </Flex>
-      )}
-
       <Flex
         flexGrow="1"
         gap="6"
@@ -49,7 +29,6 @@ export function CharacteristicsSection() {
           flexGrow="1"
           maxWidth={{
             initial: 'unset',
-            xs: exempt ? undefined : '320px',
             md: '640px',
           }}
           direction="column"
@@ -59,18 +38,6 @@ export function CharacteristicsSection() {
           <Characteristics />
         </Flex>
       </Flex>
-
-      {!exempt && (
-        <Flex
-          direction="column"
-          gap="4"
-          height="100%"
-          display={{ initial: 'none', xs: 'flex' }}
-          pt={{ initial: '9', md: '0' }}
-        >
-          <Ad type={AdType.WideSkyscraperVerticalPurple} />
-        </Flex>
-      )}
     </Flex>
   );
 }