feat: popup

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

@@ -1,5 +1,6 @@
 import { GalleryList, type Avatar } from '../../../components/Gallery/List';
 import { GallerySearch } from '../../../components/Gallery/Search';
+import { PageWrapper } from '../../../components/PageWrapper';
 import { GalleryEphemeral } from '../../../stores/galleryEphemeral';
 
 interface PageProps {
@@ -8,9 +9,11 @@ interface PageProps {
 
 export function Page({ avatars }: PageProps) {
   return (
-    <GalleryEphemeral.Provider>
-      <GallerySearch />
-      <GalleryList avatars={avatars} />
-    </GalleryEphemeral.Provider>
+    <PageWrapper color="gold">
+      <GalleryEphemeral.Provider>
+        <GallerySearch />
+        <GalleryList avatars={avatars} />
+      </GalleryEphemeral.Provider>
+    </PageWrapper>
   );
 }

packages/website/src/pages/tools/gallery/index.astro

@@ -1,6 +1,5 @@
 ---
 import type { Avatar } from '../../../components/Gallery/List';
-import { PageWrapper } from '../../../components/PageWrapper';
 import { galleryTool } from '../../../constants/tools';
 import { fetchGlossary } from '../../../core/blitz/fetchGlossary';
 import ToolLayout from '../../../layouts/ToolLayout.astro';
@@ -22,7 +21,5 @@ const avatars = Object.entries(glossary)
 ---
 
 <ToolLayout tool={galleryTool}>
-  <PageWrapper color="gold">
-    <Page {avatars} client:load />
-  </PageWrapper>
+  <Page {avatars} client:load />
 </ToolLayout>