feat: start of charts

packages/website/src/pages/index.astro

@@ -1,12 +1,13 @@
 ---
 import { assertSecret } from '@blitzkit/core';
-import { Flex, Heading } from '@radix-ui/themes';
+import { Box, Flex, Heading } from '@radix-ui/themes';
 import { AesonPlug } from '../components/AesonPlug';
 import HomeHero from '../components/HomeHero.astro';
 import { HomePageHotTanks } from '../components/HomePageHotTanks';
 import { Plugs } from '../components/Plugs.tsx';
 import ToolCard from '../components/ToolCard.astro';
 import {
+  chartsTool,
   compareTool,
   discordTool,
   embedTool,
@@ -48,18 +49,23 @@ const branch = assertSecret(import.meta.env.PUBLIC_ASSET_BRANCH);
       </Flex>
 
       <Flex gap="4" direction={{ initial: 'column', sm: 'row' }}>
+        <ToolCard tool={chartsTool} />
         <ToolCard tool={galleryTool} />
+      </Flex>
+
+      <Flex gap="4" direction={{ initial: 'column', sm: 'row' }}>
         <ToolCard tool={sessionTool} />
-      </Flex>
-
-      <Flex gap="4" direction={{ initial: 'column', sm: 'row' }}>
         <ToolCard tool={discordTool} />
-        <ToolCard tool={tierListTool} />
       </Flex>
 
       <Flex gap="4" direction={{ initial: 'column', sm: 'row' }}>
+        <ToolCard tool={tierListTool} />
         <ToolCard tool={embedTool} />
+      </Flex>
+
+      <Flex gap="4" direction={{ initial: 'column', sm: 'row' }}>
         <ToolCard tool={moreTool} />
+        <Box flexGrow="1" />
       </Flex>
 
       <Heading align="center" mt="6">Other cool projects</Heading>