feat: migrate gallery

packages/website/src/pages/[...locale]/gallery/_index.tsx

@@ -0,0 +1,31 @@
+import { GalleryList } from '../../../components/Gallery/List';
+import { GallerySearch } from '../../../components/Gallery/Search';
+import { PageWrapper } from '../../../components/PageWrapper';
+import {
+  LocaleProvider,
+  type LocaleAcceptorProps,
+} from '../../../hooks/useLocale';
+import { GalleryEphemeral } from '../../../stores/galleryEphemeral';
+import type { MaybeSkeletonComponentProps } from '../../../types/maybeSkeletonComponentProps';
+
+export function Page({
+  locale,
+  ...props
+}: LocaleAcceptorProps & MaybeSkeletonComponentProps) {
+  return (
+    <LocaleProvider locale={locale}>
+      <Content {...props} />
+    </LocaleProvider>
+  );
+}
+
+function Content({ skeleton }: MaybeSkeletonComponentProps) {
+  return (
+    <PageWrapper maxWidth="80rem" color="gold">
+      <GalleryEphemeral.Provider>
+        <GallerySearch skeleton={skeleton} />
+        <GalleryList skeleton={skeleton} />
+      </GalleryEphemeral.Provider>
+    </PageWrapper>
+  );
+}

packages/website/src/pages/[...locale]/gallery/index.astro

@@ -0,0 +1,16 @@
+---
+import { galleryTool } from '../../../constants/tools';
+import ToolLayout from '../../../layouts/ToolLayout.astro';
+import type { getStaticPaths } from '../index.astro';
+import { Page } from './_index';
+
+export { getStaticPaths } from '../index.astro';
+
+const { locale } = Astro.params;
+---
+
+<ToolLayout tool={galleryTool}>
+  <Page {locale} client:only="react">
+    <Page {locale} skeleton slot="fallback" />
+  </Page>
+</ToolLayout>