feat: larger gallery skeletons

packages/website/src/components/Gallery/List.tsx

@@ -15,7 +15,7 @@ export interface Avatar {
 }
 
 const DEFAULT_LOADED = 42;
-const PREVIEW_COUNT = 14;
+const PREVIEW_COUNT = 28;
 
 export function GalleryList({ avatars }: GalleryListProps) {
   const search = GalleryEphemeral.use((state) => state.search);

packages/website/src/components/PageWrapper.tsx

@@ -41,6 +41,7 @@ export function PageWrapper({
         gap="4"
         p={padding}
         width="100%"
+        maxWidth={noMaxWidth ? undefined : '50rem'}
         style={{
           margin: 'auto',
           boxSizing: 'border-box',

packages/website/src/components/Tankopedia/CalloutsSection.tsx

@@ -28,7 +28,7 @@ export function CalloutsSection() {
 
   return (
     <Flex direction="column" align="center" gap="2" mb="4">
-      <AesonPlug />
+      {promoteAeson && <AesonPlug />}
 
       {tank.deprecated && (
         <Callout.Root color="red">

packages/website/src/pages/tools/gallery/_index.tsx

@@ -12,7 +12,7 @@ interface PageProps {
 
 export function Page({ avatars, lastUpdated }: PageProps) {
   return (
-    <PageWrapper color="gold">
+    <PageWrapper maxWidth="80rem" color="gold">
       <Flex justify="center">
         <Callout.Root size="1">
           <Callout.Icon>