feat: mixer tank selector

packages/website/src/components/TankSearch/components/TankCardWrapper.tsx

@@ -1,13 +1,10 @@
-import { Grid, type GridProps } from '@radix-ui/themes';
+import { Grid, type GridProps } from "@radix-ui/themes";
 
 export function TankCardWrapper(props: GridProps) {
   return (
     <Grid
       py="4"
-      columns={{
-        initial: 'repeat(auto-fill, minmax(6rem, 1fr))',
-        sm: 'repeat(auto-fill, minmax(10rem, 1fr))',
-      }}
+      columns="repeat(auto-fill, minmax(7rem, 1fr))"
       flow="dense"
       gap="4"
       gapY="8"

packages/website/src/components/TankSearch/index.tsx

@@ -33,7 +33,7 @@ import { SkeletonTankCard } from "./components/SkeletonTankCard";
 import { TankCardWrapper } from "./components/TankCardWrapper";
 import { MAX_RECENTLY_VIEWED } from "./constants";
 
-type TankSearchProps = MaybeSkeletonComponentProps &
+export type TankSearchProps = MaybeSkeletonComponentProps &
   Omit<FlexProps, "onSelect"> & {
     compact?: boolean;
     onSelect?: (tank: TankDefinition) => void;