feat: add mnemonic

package.json

@@ -35,6 +35,7 @@
     "@react-three/drei": "^10.7.7",
     "@react-three/fiber": "9.0.0-rc.1",
     "@react-three/rapier": "^2.2.0",
+    "@scure/bip39": "^2.0.1",
     "@serwist/next": "^9.5.6",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",

src/app/(locale)/[locale]/mnemonic/layout.tsx

@@ -0,0 +1,39 @@
+import { msg } from '@lingui/core/macro'
+import { generateMetadataWithI18n } from '~/i18n'
+import { getLangUrl } from '~/i18n/get-lang-url'
+import { SEO } from './seo'
+import type { Metadata } from 'next/types'
+import type { ReactNode } from 'react'
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ locale: string }>
+}): Promise<Metadata> {
+  const i18n = await generateMetadataWithI18n(params)
+  const locale = getLangUrl(i18n.locale)
+
+  return {
+    title: i18n._(msg`mnemonic generator`),
+    description: i18n._(
+      msg`generate and validate BIP-39 mnemonic phrases locally in your browser`,
+    ),
+    icons: ['/mnemonic/icon.svg'],
+    alternates: {
+      canonical: `${locale}/mnemonic`,
+      languages: {
+        en: `/mnemonic`,
+        zh: `/zh/mnemonic`,
+      },
+    },
+  }
+}
+
+export default function Layout({ children }: { children: ReactNode }) {
+  return (
+    <>
+      {children}
+      <SEO className='mx-auto mt-10 max-w-2xl px-4' />
+    </>
+  )
+}