From 93c49d7dafe1db47f475de53a582e8b490a412bd Mon Sep 17 00:00:00 2001
From: Yamagishi Kazutoshi <ykzts@haneru.dev>
Date: Thu, 11 May 2023 19:21:17 +0900
Subject: [PATCH] refactor: replace to app router (#1780)

---
 app/(static)/layout.module.css                |  87 ++
 app/(static)/layout.tsx                       |  68 ++
 {assets => app/(static)}/line.svg             |   0
 app/(static)/list/page.module.css             |  86 ++
 app/(static)/list/page.tsx                    |  40 +
 .../(static)/opengraph-image.jpg              | Bin
 app/(static)/page.module.css                  | 104 ++
 app/(static)/page.tsx                         |  94 ++
 {assets => app/(static)}/twitter.svg          |   0
 .../favicon-192x192.png => app/apple-icon.png | Bin
 app/globals.css                               |  23 +
 assets/favicon-512x512.png => app/icon1.png   | Bin
 app/icon2.png                                 | Bin 0 -> 4336 bytes
 app/layout.module.css                         |  46 +
 app/layout.tsx                                |  68 ++
 {pages/api => app}/manifest.ts                |  20 +-
 app/not-found.module.css                      |  10 +
 app/not-found.tsx                             |  20 +
 app/questions/analysis.module.css             | 198 ++++
 app/questions/analysis.tsx                    | 267 +++++
 app/questions/page.module.css                 |  63 ++
 app/questions/page.tsx                        |  38 +
 app/release-link.module.css                   |   6 +
 app/release-link.tsx                          |  17 +
 {assets => app/s/[slug]}/avatar.svg           |   0
 app/s/[slug]/graph.module.css                 | 112 ++
 app/s/[slug]/graph.tsx                        |  42 +
 {assets => app/s/[slug]}/nanashi.svg          |   0
 app/s/[slug]/page.module.css                  | 407 ++++++++
 app/s/[slug]/page.tsx                         | 273 +++++
 components/avatar.tsx                         |  28 -
 components/footer.tsx                         |  54 -
 components/graph-bar.tsx                      |  56 -
 components/graph.tsx                          | 110 --
 components/header.tsx                         | 107 --
 components/layout.tsx                         |  63 --
 components/message-window.tsx                 |  39 -
 components/message.tsx                        |  30 -
 components/progress-bar.tsx                   |  28 -
 components/seo.tsx                            |  54 -
 lib/releases.ts                               |  32 +-
 next.config.js                                |  17 -
 package.json                                  |   8 +-
 pages/404.tsx                                 |  36 -
 pages/_app.tsx                                |  61 --
 pages/_document.tsx                           |  80 --
 pages/index.tsx                               | 179 ----
 pages/list.tsx                                | 144 ---
 pages/questions.tsx                           | 334 ------
 pages/s/[slug].tsx                            | 583 -----------
 pnpm-lock.yaml                                | 988 ++++++++----------
 51 files changed, 2556 insertions(+), 2564 deletions(-)
 create mode 100644 app/(static)/layout.module.css
 create mode 100644 app/(static)/layout.tsx
 rename {assets => app/(static)}/line.svg (100%)
 create mode 100644 app/(static)/list/page.module.css
 create mode 100644 app/(static)/list/page.tsx
 rename assets/main-visual.jpg => app/(static)/opengraph-image.jpg (100%)
 create mode 100644 app/(static)/page.module.css
 create mode 100644 app/(static)/page.tsx
 rename {assets => app/(static)}/twitter.svg (100%)
 rename assets/favicon-192x192.png => app/apple-icon.png (100%)
 create mode 100644 app/globals.css
 rename assets/favicon-512x512.png => app/icon1.png (100%)
 create mode 100644 app/icon2.png
 create mode 100644 app/layout.module.css
 create mode 100644 app/layout.tsx
 rename {pages/api => app}/manifest.ts (53%)
 create mode 100644 app/not-found.module.css
 create mode 100644 app/not-found.tsx
 create mode 100644 app/questions/analysis.module.css
 create mode 100644 app/questions/analysis.tsx
 create mode 100644 app/questions/page.module.css
 create mode 100644 app/questions/page.tsx
 create mode 100644 app/release-link.module.css
 create mode 100644 app/release-link.tsx
 rename {assets => app/s/[slug]}/avatar.svg (100%)
 create mode 100644 app/s/[slug]/graph.module.css
 create mode 100644 app/s/[slug]/graph.tsx
 rename {assets => app/s/[slug]}/nanashi.svg (100%)
 create mode 100644 app/s/[slug]/page.module.css
 create mode 100644 app/s/[slug]/page.tsx
 delete mode 100644 components/avatar.tsx
 delete mode 100644 components/footer.tsx
 delete mode 100644 components/graph-bar.tsx
 delete mode 100644 components/graph.tsx
 delete mode 100644 components/header.tsx
 delete mode 100644 components/layout.tsx
 delete mode 100644 components/message-window.tsx
 delete mode 100644 components/message.tsx
 delete mode 100644 components/progress-bar.tsx
 delete mode 100644 components/seo.tsx
 delete mode 100644 pages/404.tsx
 delete mode 100644 pages/_app.tsx
 delete mode 100644 pages/_document.tsx
 delete mode 100644 pages/index.tsx
 delete mode 100644 pages/list.tsx
 delete mode 100644 pages/questions.tsx
 delete mode 100644 pages/s/[slug].tsx

diff --git a/app/(static)/layout.module.css b/app/(static)/layout.module.css
new file mode 100644
index 00000000..3fd1862e
--- /dev/null
+++ b/app/(static)/layout.module.css
@@ -0,0 +1,87 @@
+.header {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  margin: 0 auto;
+  max-width: 680px;
+  padding: 20px 0;
+  width: 100%;
+}
+
+.logo {
+  background-color: #212121;
+  border-radius: 3px;
+  color: #fff;
+  display: block;
+  font-size: 17px;
+  font-weight: 700;
+  letter-spacing: 7px;
+  line-height: 2;
+  padding: 0 0.2em 0 0.5em;
+  text-decoration: none;
+}
+
+.navigationList {
+  display: flex;
+  margin: 0;
+  padding: 0;
+}
+
+.navigationItem {
+  display: block;
+  margin: 0 4px;
+  padding: 0;
+}
+
+.shareButton {
+  align-items: center;
+  background-color: #fff;
+  border-radius: 50%;
+  display: flex;
+  height: 32px;
+  justify-content: center;
+  width: 32px;
+}
+
+@media (min-width: 500px) {
+  .shareButton {
+    height: 48px;
+    width: 48px;
+  }
+}
+
+.shareIcon {
+  height: 16px;
+  width: 16px;
+}
+
+@media (min-width: 500px) {
+  .shareIcon {
+    height: 24px;
+    width: 24px;
+  }
+}
+
+.content {
+  padding-top: 30px;
+}
+
+.message {
+  background-color: #fff;
+  border: solid #000 4px;
+  border-radius: 20px;
+  box-sizing: border-box;
+  color: #000;
+  margin: 0 auto;
+  max-width: 680px;
+  padding: 25px 0;
+  width: 100%;
+}
+
+@media (min-width: 500px) {
+  .message {
+    margin-top: 50px;
+    padding-bottom: 40px;
+    padding-top: 40px;
+  }
+}
diff --git a/app/(static)/layout.tsx b/app/(static)/layout.tsx
new file mode 100644
index 00000000..907ce684
--- /dev/null
+++ b/app/(static)/layout.tsx
@@ -0,0 +1,68 @@
+import Link from 'next/link'
+import { type ReactNode } from 'react'
+
+import { createLineShareURL, createTweetURL } from '@/lib/share'
+import pkg from '@/package.json'
+
+import styles from './layout.module.css'
+import lineLogo from './line.svg'
+import twitterLogo from './twitter.svg'
+
+type Props = {
+  children: ReactNode
+}
+
+export default function StaticLayout({ children }: Props): JSX.Element {
+  return (
+    <>
+      <header className={styles.header}>
+        <Link className={styles.logo} href="/">
+          ANiMARE
+        </Link>
+
+        <nav>
+          <ul className={styles.navigationList}>
+            <li className={styles.navigationItem}>
+              <a
+                className={styles.shareButton}
+                href={createTweetURL(new URL('/', pkg.homepage).toString())}
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                {/* eslint-disable-next-line @next/next/no-img-element */}
+                <img
+                  alt="Twitter"
+                  className={styles.shareIcon}
+                  height="24"
+                  src={twitterLogo.src}
+                  width="24"
+                />
+              </a>
+            </li>
+            <li className={styles.navigationItem}>
+              <a
+                className={styles.shareButton}
+                href={createLineShareURL(new URL('/', pkg.homepage).toString())}
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                {/* eslint-disable-next-line @next/next/no-img-element */}
+                <img
+                  alt="Line"
+                  className={styles.shareIcon}
+                  height="24"
+                  src={lineLogo.src}
+                  width="24"
+                />
+              </a>
+            </li>
+          </ul>
+        </nav>
+      </header>
+
+      <main className={styles.content}>
+        <div className={styles.message}>{children}</div>
+      </main>
+    </>
+  )
+}
diff --git a/assets/line.svg b/app/(static)/line.svg
similarity index 100%
rename from assets/line.svg
rename to app/(static)/line.svg
diff --git a/app/(static)/list/page.module.css b/app/(static)/list/page.module.css
new file mode 100644
index 00000000..0fe4c802
--- /dev/null
+++ b/app/(static)/list/page.module.css
@@ -0,0 +1,86 @@
+.release {
+  box-sizing: border-box;
+  padding: 30px 0 0;
+  margin: 30px 24px 0;
+}
+
+.release:first-of-type {
+  border-top: none;
+  margin-top: 0;
+  padding-top: 0;
+}
+
+@media (min-width: 500px) {
+  .release {
+    border-top: solid #ececec 2px;
+    margin: 50px auto 0;
+    max-width: 500px;
+    padding: 50px 24px 0;
+    width: 100%;
+  }
+}
+
+.releaseTitle {
+  color: #0588f7;
+  font-size: 2.8rem;
+  font-weight: 900;
+  letter-spacing: 0.04rem;
+  line-height: 1.4;
+  margin: 0 0 6px;
+}
+
+@media (min-width: 500px) {
+  .releaseTitle {
+    font-size: 3.6rem;
+    margin-bottom: 12px;
+  }
+}
+
+.releaseDate {
+  display: block;
+  font-size: 1.3rem;
+  line-height: 1;
+}
+
+@media (min-width: 500px) {
+  .releaseDate {
+    font-size: 1.4rem;
+  }
+}
+
+.releaseBody :global(p) {
+  font-size: 1.4rem;
+  line-height: 1.6;
+}
+
+.releaseBody :global(ul) {
+  display: flex;
+  flex-wrap: wrap;
+  list-style: none;
+  margin: 12px 0 0;
+  padding: 0;
+}
+
+.releaseBody :global(li) {
+  align-items: center;
+  display: flex;
+  font-size: 1.5rem;
+  margin: 0;
+  padding: 0;
+  width: 50%;
+}
+
+.releaseBody :global(li::before) {
+  color: #0588f7;
+  content: 'arrow_right';
+  display: block;
+  font-family: Material Icons;
+  font-size: 2rem;
+  margin-left: -5px;
+}
+
+@media (min-width: 500px) {
+  .releaseBody :global(ul) {
+    margin-top: 18px;
+  }
+}
diff --git a/app/(static)/list/page.tsx b/app/(static)/list/page.tsx
new file mode 100644
index 00000000..e3c12def
--- /dev/null
+++ b/app/(static)/list/page.tsx
@@ -0,0 +1,40 @@
+import { format } from 'date-fns'
+import { type Metadata } from 'next'
+import { MDXRemote } from 'next-mdx-remote/rsc'
+
+import { getAllReleases } from '@/lib/releases'
+
+import styles from './page.module.css'
+
+export const revalidate = 120
+
+export const metadata: Metadata = {
+  alternates: {
+    canonical: '/list'
+  },
+  title: 'お知らせ'
+}
+
+export default async function ReleasesPage(): Promise<JSX.Element> {
+  const releases = await getAllReleases()
+
+  return (
+    <>
+      {releases.map((release) => {
+        return (
+          <section className={styles.release} key={release.slug}>
+            <time className={styles.releaseDate} dateTime={release.date}>
+              {format(new Date(release.date), 'yyyy.MM.dd')}
+            </time>
+            <h2 className={styles.releaseTitle}>{release.title}</h2>
+
+            <div className={styles.releaseBody}>
+              {/* @ts-expect-error Async Server Component */}
+              <MDXRemote source={release.body} />
+            </div>
+          </section>
+        )
+      })}
+    </>
+  )
+}
diff --git a/assets/main-visual.jpg b/app/(static)/opengraph-image.jpg
similarity index 100%
rename from assets/main-visual.jpg
rename to app/(static)/opengraph-image.jpg
diff --git a/app/(static)/page.module.css b/app/(static)/page.module.css
new file mode 100644
index 00000000..08dc4560
--- /dev/null
+++ b/app/(static)/page.module.css
@@ -0,0 +1,104 @@
+.title {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  font-size: 10vw;
+  font-weight: inherit;
+  justify-content: center;
+  letter-spacing: 0.038rem;
+  line-height: 1.4;
+  margin: -8px 0 0;
+}
+
+.titleLine {
+  display: block;
+}
+
+@media (min-width: 500px) {
+  .titleLine {
+    font-size: 4.6rem;
+  }
+}
+
+.titleLine:first-of-type {
+  font-size: 2rem;
+}
+
+@media (min-width: 500px) {
+  .titleLine:first-of-type {
+    font-size: 2.4rem;
+  }
+}
+
+.description {
+  font-size: 1.3rem;
+  letter-spacing: 0.04rem;
+  line-height: 1.7;
+  margin: 20px 0 0;
+  text-align: center;
+}
+
+@media (min-width: 500px) {
+  .description {
+    font-size: 1.6rem;
+    line-height: 1.8;
+    margin-top: 30px;
+  }
+}
+
+.intro {
+  font-size: 1.5rem;
+  font-weight: 900;
+  letter-spacing: 0.04rem;
+  margin: 22px 0 0;
+  text-align: center;
+}
+
+@media (min-width: 500px) {
+  .intro {
+    font-size: 1.8rem;
+    margin-top: 24px;
+  }
+}
+
+.button {
+  align-items: center;
+  background-color: #0588f7;
+  border: solid #000 4px;
+  border-radius: 28px;
+  box-sizing: border-box;
+  color: #fff;
+  display: flex;
+  font-size: 1.8rem;
+  height: 56px;
+  justify-content: center;
+  margin: 10px auto 0;
+  max-width: 380px;
+  text-decoration: none;
+  width: 80%;
+}
+
+@media (min-width: 500px) {
+  .button {
+    border-radius: 36px;
+    font-size: 2.4rem;
+    height: 72px;
+  }
+}
+
+.disclaimer {
+  font-size: 1.1rem;
+  font-weight: 700;
+  margin: 25px auto 0;
+  padding: 0 25px;
+}
+
+.disclaimerLink {
+  color: #14b9ff;
+  text-decoration: none;
+  transition: color 0.5s;
+}
+
+.disclaimerLink:hover {
+  color: #0588f7;
+}
diff --git a/app/(static)/page.tsx b/app/(static)/page.tsx
new file mode 100644
index 00000000..5e8d6182
--- /dev/null
+++ b/app/(static)/page.tsx
@@ -0,0 +1,94 @@
+import { type Metadata } from 'next'
+import Link from 'next/link'
+
+import styles from './page.module.css'
+
+export const revalidate = 60
+
+const description = '好みと推しVTuberを無意識から探る！'
+
+export const metadata: Metadata = {
+  alternates: {
+    canonical: '/'
+  },
+  description,
+  openGraph: {
+    description,
+    title: 'あなたのオタクタイプ診断 by あにまーれ',
+    type: 'website',
+    url: '/'
+  },
+  twitter: {
+    card: 'summary_large_image'
+  }
+}
+
+export default function Home() {
+  return (
+    <>
+      <h1 className={styles.title}>
+        <span className={styles.titleLine}>アナタの</span>
+        <span className={styles.titleLine}>オタクタイプ診断</span>
+      </h1>
+
+      <p className={styles.description}>
+        アナタの隠されたオタクタイプを徹底診断!
+        <br />
+        アナタにマッチするVTuberの、
+        <br />
+        オススメ動画も…?
+      </p>
+
+      <p className={styles.intro}>アナタはどんなオタクタイプ?</p>
+
+      <Link className={styles.button} href="/questions" role="button">
+        診断スタート!
+      </Link>
+
+      <p className={styles.disclaimer}>
+        ※このサービスは
+        <a
+          className={styles.disclaimerLink}
+          href="https://www.live.iriam.com/company"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          株式会社IRIAM
+        </a>
+        が提供するアプリである『
+        <a
+          className={styles.disclaimerLink}
+          href="https://www.live.iriam.com/"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          IRIAM
+        </a>
+        』 の関連サービスとして公開されていた『あなたのオタクタイプ診断 by
+        IRIAM』をオリジナルとして、
+        <a
+          className={styles.disclaimerLink}
+          href="https://www.774.ai/"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          774 inc.
+        </a>{' '}
+        が運営しているバーチャルYouTuberグループ『有閑喫茶
+        あにまーれ』をモチーフにして株式会社IRIAMや774 inc. とは一切関係のない
+        <a
+          className={styles.disclaimerLink}
+          href="https://haneru.dev/"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          Haneru Developers
+        </a>
+        によって開発と運営が行われている非公式のサービスになります。
+        <br />
+        このサービスに関するお問い合わせをHaneru
+        Developers以外の団体や個人に対して行うのはお止めください。
+      </p>
+    </>
+  )
+}
diff --git a/assets/twitter.svg b/app/(static)/twitter.svg
similarity index 100%
rename from assets/twitter.svg
rename to app/(static)/twitter.svg
diff --git a/assets/favicon-192x192.png b/app/apple-icon.png
similarity index 100%
rename from assets/favicon-192x192.png
rename to app/apple-icon.png
diff --git a/app/globals.css b/app/globals.css
new file mode 100644
index 00000000..1f1e8b3b
--- /dev/null
+++ b/app/globals.css
@@ -0,0 +1,23 @@
+@layer base, state;
+
+html {
+  background-color: #0588f7;
+  background-image: repeating-linear-gradient(
+    150deg,
+    rgba(255, 255, 255, 0.05),
+    rgba(255, 255, 255, 0.05) 9px,
+    transparent 10px,
+    transparent 19px
+  );
+  font-family: var(--font-noto-sans), sans-serif;
+  font-size: 10px;
+  font-weight: 700;
+  height: 100%;
+  line-height: 1.8;
+}
+
+body {
+  font-size: 1.5rem;
+  height: 100%;
+  margin: 0;
+}
diff --git a/assets/favicon-512x512.png b/app/icon1.png
similarity index 100%
rename from assets/favicon-512x512.png
rename to app/icon1.png
diff --git a/app/icon2.png b/app/icon2.png
new file mode 100644
index 0000000000000000000000000000000000000000..85f7806f5f0da925a60c62b147fc2ce21f342203
GIT binary patch
literal 4336
zcmYk9cRUsT_s8FNaBo)1HIhwcW+b=dW_1Z6q!gEMm30f*Tzk*R&iL46Bzs<amK)Kq
zWp5!euCL#JzsKWw#y{u$@p?SY<D3(wt8<s0hMfigK(B#S)jx}*|1%`)%v(Xz<p6+Y
z=xQ0LQ7Dv?lau4)<D;Xa!^6XagM<D3{k^@t-QC@tot^FN?X9h?jg5`<_4T#2wUw2X
z<>lqY#l?k%g}J%8+1c5dnVG4nsfme+@$vCrzkdDr@nd9UWO#UZXlRH`CV&3?d0=3m
zx3{;ar>DESyR);iqobp(t*y1SwWXz{si~=<p`pIMzNV(8s;a7@qN1#<thBVWq@?8i
z`}ajfMFj-~d3kxcxw)B{nHd=wX=!Q6$;pX{iShCAv9Yl+F)`86(V&?U85s$hD4>xN
z5fK3zD4?DK>L{R=0&31U0X4^<`ivt`b;iHo;9&6S0DSrjKJJ0?-GG1qQ1%CuZiA9d
zP_hBuulxG?g5p(Bxa8&K1@ad>Jv~9*JjneG{+o4ocLzB$AbZ-)%?)HvfvgFTIqu@(
z0y2Jrv{5G~Cy+V{Qb$0_2uK<NNnafu9YMku2L}fbKLFzUKwPh_tu2V@0nuF`svShO
z;qiD7P68o~mX?+vs15|xf`Dpsb93PT3HX$onwkRdGT>DLJl~s`m;jGr;9dya3c%|;
zV`F3BoCBP)fm0TE`Od(=063-t$24G{q^G9`UL=AS3Bcx!wzf9F#{%nU@GKHM3)j%l
z0Ju<fb#?GG0GRjz6JHe-74XO#7<m9AcVOhEq@)B4T!Fr`qM{<ueT7D&fwn!k_d;G?
z9%$f!x;0R@l$DhQs^&o1R9aeELP7#48UsZmfYuik6$SG5fvl#WpdgUe0MhC}LWP%?
z7l_^lqG%v^0|?4;aBu)#8Ne$6IL;7dW@ZK)f`Iu9Uck&jM@I+fH~<|pI7`48fL8uO
zEC37)8me~;+<vVkt=pOya&+H+uu3k@6NdeaRq*N(kwM&+vL2lHtg+dynP&dfTX>?Q
zMBmDwKup}}@k19Dyt(MC@%I<Y!4F=pT)u1e;ft~Uce=)fg~>Fp)3;aB1s0oo#Cub7
z;a@@;Z@26yv}|t9J;{-~p=wLW#YpL6Xk_8~JZvI7RP0a@#z<5wl->`8RHwoE1!HL7
z{8YIZ6&@=8IH-OWZ!EMG3lSkRV*PNrM3fEk|Cj4hK@^X!Rqd(C%YG(9A3ep;f0D9V
zEyfilNUPBXepo2wN;!S``a{}_`f8oz$Y!+r%(3)n5mk9OQ6q-0JMrt5hg_>c{e9kU
z4Y_H$hfFxd2&_jb{ebF-i!^z88jAB2VLb|<^QWSlm$Cy}@y2dyMJ;}lMO?6WfctHd
zX90QR(?>-VFgjdy$hzBB5c@igKOnD3ORRO}!XcN$jq9Z&V;Fn}-W*SQDV@vqSj3;o
zcyJ2aj>qiV?5W`6E(!3i#0(E1u>PCm6HHf4TOTMfJ3lZ^IlUW)vW5l|;W4D6a$YR2
zoECqu5$gcqJ4ZaDoAFY#O&(8c5*ekxH3Q{-UF0GyHL|28Fe4N|8Df1-2yELS%yjop
zujndL68D9heE*!#>a&TbOyeNct|Ch9(NsEJ)VGcJtFB8uKjoWhDXWdrcwBKLKnOl+
zeMyA>apP(pdU0GTwPd34W7?S5F7~_T6&`adP~Yp6+l7bWYv9h)7xeVII_TiptxoAC
zaWl5>f2AjnUQyki>5e5iR4~0nxW^yJJ-!Kh^KlSTR(pES{_@pH7;Av$6)1aJKtHRy
zf9yKu3ES0O5jh#D#HCyMmk1UIrBQ*VA)N&WH{`@FgdRg;TybL01<!+X2#(ABA*O{v
zex<`I4?Fgl+EvBsf^J2?%g}~lM6Qj7=wpq_H@czYCo(u@dV)b1+el1|2S<4)<@}_2
zs><A*NiSAbzQ<J1704t&B$;Rw7Nx|N%wB)xSA?xXwB~+wBGN`P-Mt$si>Gy5uo^xn
z2uYO032$yyU2Wv#JDc;Lf_BGEH;~IHpOydWO+WuG2q_EyUSMU8;LWys`s%wG0ay|t
zhLR?vTp`*da_JgcAywl@*1{s;VRT{fqbpPsy7l>9+ZrI|qG?j47c2zfnw-jvOqW33
z$}kDNJWeT<D))0bNk|z{@UgOilnTvqk7+6YtFUx655F(0{u7$<OYJu7rCqP!M_l=g
zTnFa`ey^`4K^&LZqkQOpFm9h_eSYYC^S%QOUW^ep5rN%du$#5r?(A_Yzq(Co`-8n<
zS1PWU->3d|+P(SU))e21;GUC47?)4!G>e5KC4vqh!v5L?cD$IA=3y|4w)SLpvTwgB
zb^fe#YkQ#Vk)}gnCpXh+6Kb>{MIO0xCZW=}W-2^euwuD_4W9eP*yGKL?GH-xFfl`&
zOUy6K)9p9{>iWdLot~j^o+jBjnL9ivj75US!g=wI@!OVj{C(Q&OPaeKE|yPFp|HWN
zg9Dz;*4f0a!bjC4o0*F%!W(9EZ4WR5+un<jQ{(vP(rAgJ;b)!O{oc23`}CBy$;p~l
z6SL<|sb_!ivY-M8oA_o8tY@-iTpzs_8Y*y&@_Xv1=qx|O+RKhQQc}3yU%K==;gW~B
zj9Vg=b`h-_#5Wo<bkEc~B?sj}+`GV_W%1dA6KD(p!s?_Y_7IaY4?TBF)uGaLW6&@G
z&*3{L!K)?F$;OWTpxW0-OLd7(tw?QQE&UVXF9$#GlT<#Kc$K(T0S?!9qx!;&66UYj
z<ja*Ql}O`nf{FM3s~YvECk)k#_NO21)VM`AOii3ineg5Z890*py#rH89#GiCPc3?H
zZ2AwT7pi}L%A~xOjY2X$%D=Xpuz~ICu^ifB6F#;(Ae;DR=b!Ak9W$x!tt}xDz!Ki-
zeDlMSKw!0B>O)xT&piTiq?3KsS)A*8<es8pQ<{gzsM5PaN&+^2^pYV%0iiH6pTqsv
zCr1XZ)7<q9o_^}u<XI}RXW1|7Z#mb&IA3_*w~*dHNcCcP)!uTi+pQwUf32TFP6-sH
zhh<Txo4>01lc-}Tf0j2L<aRsQ#f!@B;blbDlN)?KVOTdJX14EB+uX6Y`DWaYzzMXt
zF#RNDaFOP;jn}T6lYed*@HW)8ce0tXh>(mPwycvzzdFX9j+#Clp6z<s=UH0w-tV7J
zR9h<Nvpd|oOO3$05S#vd>!0P#j(2x0>pi9Fe}^EVGfv3vrvILl8b~CGC9ZH+agQ6X
zudLqP-}H_M-#C0&gYonNG&&f?=*HV9o{#O5AcETB>Vl-`>K1ZKwaECXU6A0tJOe6-
z`XoK4k#xT3M?lP%Moce^3UFf{d!}k$C*A%q6@!abd*mPg*6E)`igNCgf%!kCGv+vU
zt`=_0ZzWEUzzTy*hwfY_>41ZamCXwm4TOu6RmF{4GRuRnA%kBNV7C^TgDlM9pM{=B
zdgX4_!An{=SN9RgFNdgwhh1wS4AAKd`Knhidcy<O+Hi$O!<B+gmSN~*_B0w|CO_(N
zuq2Yth9en+d-Ujgdz1IVc)8k~zcE*cocc32iXRv@BMNzjvjUM5HbtT%QXsi`Oi<W(
z<3UTs(bp?Zn=kB>P0gl;eD;r-W7audzjd(IeqXJqI+nJ*><3&za-eKsQ#@~B7-VbZ
zx^rj8v(u4kD_Xpq=o-s&n~hr6f7L1*3>=Rv(@u*3mLW&VL#dfR631_7<u=uq$LTuy
zlhz1jsAm^aFiNpLegA9d<L*ZlNiWaNaWu;ViwCfB33nQ>9}FQGzwd8A;|FygX<JlL
z-KS)Th6YHNbcNo3M*~h=P=+i7A9@t^z5OJ1^{5Li*X4jCPwKltDq>J)PEP_f5@ay}
zWw^C0nq(paQGIC%4#rr4UZ7HP11AJEI-Rh<sB;$$+s6X(uA>llk5VuF)<bYL7Q(X%
zyvCE}sBX~SZ^T{&uPlz}%%(o<bSbNV+WSzVWE_m(4s$f*+xC=aPef#?Zf=bR4Q;n4
zyg_6|(OeL7N|8fA$_=2z1~1KsCkor5a~*A}R{L4CN3I!{r|~vqJ4<PEC{azgEOQ=l
z5H?nj1g3oeoglrb*sfwtWnm~kAi<W%jUV#(SzV_bE_x$Te;ENoX)gh~WOBQUW#HoZ
zEo~W2upwwx?1^e6bIe$Wu18N=%Uvue6pj#5$*fiNJZMNry?pNjBRy%wH^dnyR>u6N
zZ<xhC<{YZBXU(Sm8!H4SnXf)L5>fFVNVc-oO`(kSPYI14-442xD!zh(WxdfFi)m_=
zyN0;7D=F$eqUV=WG0*14J`{<35Fs?q6@|Om*L+^=Fz0Qw)V2Kwm$NXZHYkm(iaN`9
zdh(#cZph3Yjk}7|Y@mH5MAX2anI2Be<?>~1cB>+B>i*D*=t&vxytI&R>Pv-oKD){c
ze|q(yfoGL79H@+`UAf3LC{ljs3OXk6HVOpqaxUqH2m=ntK$;p9YpcR!{SJOk`77Ug
z3=$_mePK|X<y`r2R31MpJwNBi;Zld)LT4zbimR@WcM-%IRKr6Kaz0+CA;uAzMRng}
z#hhz?hxR9r&Hsg!@$ui#7iv2XvbMdSaNk&S3K292;9_R~{85NNH7_&8jItwrN_fM|
zqW=@x&Af=ix`Rf+2YwQ=NUdHeLU147d7$ZJg@+l1f9Wxb3%gu*{CnSqF;>k!2ZA0C
zoW4S7WAT3;@j9Y3N@o7jx1h;Yooxu|9PWu)R#vSo)7mVTg6E}P(ovL!9MapuB*Zif
zUkmgn9MFI1<5m%^FJ!!3LjRfORzenNMtKUl6Rx;U2E%xmeBZsw$pG+DQr!USU?3z*
zFGdUlmF;;L626=NC0jYT`QNF*M|-mJM|L>pVR4BHvuIA`MR;u3X>xcqHS<R7GlX?&
zHN*Te=2kmo>muJWo;=HR)zrdW>sp(k@bZ^pFHUv=BZI#@e=6>E{n7<ZuIZvuIhtBf
zJ>#1afeQrWF(k6%K`l~KpTn=X_5oh)Fzzh_l$7pw^{E4LOg;Z{T<``-&s|WFL(iBM
z=m<oTuMte+7b1m3S35+w)^&owQrftQ*ZQ9|%uTfScMoSX&}c#{i5HRWhfcqnrAd6J
z#qI~5+e@n3Q?FPmv`ZW9+a_l#ZbvGC$$ox40mM&gvqmKpNlsa89-{lBJ-N<Z0#3qG
zE?MolSFmNLURqJEVcQ=%Ia6|zH{&>53*3Wjb*oPE{+-k{&bsbyfVHBH8$Rx21;f_z
z>8>7hgRx!6k>I-!0vgWqk@hk{pG)j9m5qwkthVp{NLP<JPI)P93D8gN=ISlVmc?zf
zd(M5-ERDTQF}1(RLy826)GkZtMjApMzl^c=`s8o`$r2RktsI9FZ(bE*JG8tfgXAe`
zqEQ;X!b}=C+Y;(h#OxCm(4Pynsh^IfP{9Or04~e`L@oBzX);l73AsCDYW?st$0H6P
zEd5AK%}vaFwPE%Wp4cqN3~HGFbTxA)(2(|EnZXKY!|R3>1+MVp|E6{MI8TGpvsK0X
z>sHg;0_yJ0Y4j8WGj*%g0DAPp8}?tnB;VSuOgc}_+nDykjGZ0#7m8#m6f8Ypjege7
z2#pk`K^UosT-@Oz(D`Xz0lslWvm*;9me=dPMbAsCn3_jK+cpC>w?y&<!dn)-@t{lb
zi*!;h+~Ex;yx{pD-P7ms3ykH5-_va;YACM4nGp2kpT#Z7?zyuE5ooCCsFo_@{Qn1x
CRN)x_

literal 0
HcmV?d00001

diff --git a/app/layout.module.css b/app/layout.module.css
new file mode 100644
index 00000000..04c663d4
--- /dev/null
+++ b/app/layout.module.css
@@ -0,0 +1,46 @@
+.wrapper {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+.content {
+  box-sizing: border-box;
+  flex-basis: 0;
+  flex-grow: 1;
+  padding: 0 20px;
+}
+
+@media (min-width: 500px) {
+  .content {
+    padding: 0;
+  }
+}
+
+.footer {
+  align-items: center;
+  background-color: #fff;
+  border-top: solid #000 6px;
+  display: flex;
+  flex-direction: column;
+  margin-top: 40px;
+  padding: 20px 12px 32px;
+}
+
+.copyright {
+  font-size: 1.3rem;
+  margin: 28px 0 0;
+  letter-spacing: 0.04rem;
+  text-align: center;
+}
+
+@media (min-width: 500px) {
+  .copyright {
+    font-size: 1.5rem;
+  }
+}
+
+.copyrightLink {
+  color: inherit;
+  text-decoration: none;
+}
diff --git a/app/layout.tsx b/app/layout.tsx
new file mode 100644
index 00000000..7ecd5701
--- /dev/null
+++ b/app/layout.tsx
@@ -0,0 +1,68 @@
+import './globals.css'
+
+import { Analytics } from '@vercel/analytics/react'
+import { type Metadata } from 'next'
+import { Noto_Sans_JP } from 'next/font/google'
+import { type ReactNode, Suspense } from 'react'
+
+import pkg from '../package.json'
+
+import styles from './layout.module.css'
+import ReleaseLink from './release-link'
+
+const notoSans = Noto_Sans_JP({
+  subsets: ['latin'],
+  variable: '--font-noto-sans',
+  weight: ['700', '900']
+})
+
+export const metadata: Metadata = {
+  metadataBase: new URL(pkg.homepage),
+  title: {
+    default: 'あなたのオタクタイプ診断 by あにまーれ',
+    template: '%s | #あにまーれオタクタイプ診断'
+  }
+}
+
+type Props = {
+  children: ReactNode
+}
+
+export default function RootLayout({ children }: Props): JSX.Element {
+  return (
+    <html className={notoSans.variable} lang="ja">
+      <head prefix="og: https://ogp.me/ns#">
+        <link
+          href="https://fonts.googleapis.com/css?family=Material+Icons&amp;display=swap"
+          rel="stylesheet"
+        />
+      </head>
+      <body>
+        <div className={styles.wrapper}>
+          <div className={styles.content}>{children}</div>
+
+          <footer className={styles.footer}>
+            <Suspense>
+              {/* @ts-expect-error Async Server Component */}
+              <ReleaseLink href="/list" />
+            </Suspense>
+
+            <p className={styles.copyright}>
+              {'Copyright 2018-2023 '}
+              <a
+                className={styles.copyrightLink}
+                href="https://haneru.dev/"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                Haneru Developers
+              </a>
+            </p>
+          </footer>
+        </div>
+
+        <Analytics />
+      </body>
+    </html>
+  )
+}
diff --git a/pages/api/manifest.ts b/app/manifest.ts
similarity index 53%
rename from pages/api/manifest.ts
rename to app/manifest.ts
index daa929b9..eb5742fd 100644
--- a/pages/api/manifest.ts
+++ b/app/manifest.ts
@@ -1,13 +1,13 @@
-import { type NextApiHandler } from 'next'
-import { type WebAppManifest } from 'web-app-manifest'
+import { type MetadataRoute } from 'next'
 
-import favicon192x192 from '../../assets/favicon-192x192.png'
-import favicon512x512 from '../../assets/favicon-512x512.png'
+import favicon512x512 from './icon1.png'
+import favicon192x192 from './icon2.png'
 
-const handler: NextApiHandler<WebAppManifest> = (_req, res) => {
-  res.setHeader('Cache-Control', 'max-age=60, s-maxage=120')
-  res.setHeader('Content-Type', 'application/manifest+json')
-  res.status(200).json({
+export const runtime = 'edge'
+export const revalidate = 120
+
+export default function manifest(): MetadataRoute.Manifest {
+  return {
     background_color: '#fff',
     display: 'standalone',
     icons: [
@@ -27,7 +27,5 @@ const handler: NextApiHandler<WebAppManifest> = (_req, res) => {
     short_name: 'あにまーれ診断',
     start_url: '/',
     theme_color: '#0588f7'
-  })
+  }
 }
-
-export default handler
diff --git a/app/not-found.module.css b/app/not-found.module.css
new file mode 100644
index 00000000..d875de62
--- /dev/null
+++ b/app/not-found.module.css
@@ -0,0 +1,10 @@
+.title {
+  font-size: 2rem;
+  font-weight: 900;
+  margin: 10px 24px 0;
+}
+
+.description {
+  font-size: 1.2rem;
+  margin: 10px 24px 0;
+}
diff --git a/app/not-found.tsx b/app/not-found.tsx
new file mode 100644
index 00000000..0354d1a3
--- /dev/null
+++ b/app/not-found.tsx
@@ -0,0 +1,20 @@
+import { type Metadata } from 'next'
+
+import Layout from './(static)/layout'
+import styles from './not-found.module.css'
+
+export const metadata: Metadata = {
+  title: '404 Not found'
+}
+
+export default function NotFound(): JSX.Element {
+  return (
+    <Layout>
+      <h1 className={styles.title}>404 Not found</h1>
+
+      <p className={styles.description}>
+        おさがしのページを見つけることができませんでした。
+      </p>
+    </Layout>
+  )
+}
diff --git a/app/questions/analysis.module.css b/app/questions/analysis.module.css
new file mode 100644
index 00000000..d301ac39
--- /dev/null
+++ b/app/questions/analysis.module.css
@@ -0,0 +1,198 @@
+.header {
+  align-items: center;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  min-height: 164px;
+}
+
+@media (min-width: 500px) {
+  .header {
+    min-height: 195px;
+  }
+}
+
+.number {
+  align-items: center;
+  background-color: #fbc02d;
+  border-radius: 22px;
+  box-sizing: border-box;
+  color: #fff;
+  display: flex;
+  font-size: 2.2rem;
+  font-weight: 900;
+  height: 40px;
+  justify-content: center;
+  letter-spacing: 0.16rem;
+  margin: 0;
+  padding-bottom: 5px;
+  text-shadow: 0 0 4px rgba(0, 0, 0, 0.04);
+  width: 80px;
+}
+
+.title {
+  color: #fff;
+  font-size: 2.4rem;
+  font-weight: 900;
+  letter-spacing: 0.04rem;
+  line-height: 1.5;
+  margin: 16px 0 0;
+  padding: 0 8px;
+}
+
+@media (min-width: 500px) {
+  .title {
+    font-size: 3rem;
+  }
+}
+
+.counter {
+  padding: 0 6px;
+}
+
+.counterContent {
+  color: #fff;
+  height: 40px;
+  font-size: 1rem;
+  font-weight: 900;
+  line-height: 36px;
+  margin: -2px 0 2px;
+  text-align: right;
+}
+
+.counterValue {
+  color: #fff263;
+  background-color: transparent;
+  font-size: 2rem;
+  margin-right: 1px;
+}
+
+.counterValueLast {
+  font-size: 1.3rem;
+}
+
+.progressBar {
+  appearance: none;
+  background-color: rgba(0, 0, 0, 0.3);
+  border: 0;
+  border-radius: 6px;
+  display: block;
+  height: 12px;
+  width: 100%;
+}
+
+.progressBar::-webkit-progress-bar {
+  background-color: transparent;
+  display: block;
+}
+
+.progressBar::-webkit-progress-value {
+  background-color: #fff263;
+  border-radius: 6px;
+  display: block;
+  transition: width 0.3s ease-out;
+}
+
+.progressBar::-moz-progress-bar {
+  background-color: #fff263;
+  border-radius: 6px;
+  display: block;
+  transition: width 0.3s ease-out;
+}
+
+.answer {
+  backface-visibility: hidden;
+  box-sizing: border-box;
+  flex-basis: 100%;
+  flex-grow: 0;
+  flex-shrink: 0;
+  margin: 20px 0 0;
+  opacity: 0;
+  padding: 0 5px;
+  transition: opacity 0.4s linear;
+}
+
+.answerShow {
+  opacity: 1;
+}
+
+.answerButton {
+  align-items: center;
+  background-color: #fff;
+  border: solid #000 3px;
+  border-radius: 16px;
+  box-sizing: border-box;
+  display: flex;
+  font-size: 1.6rem;
+  font-weight: 700;
+  justify-content: flex-start;
+  line-height: 1.4;
+  min-height: 70px;
+  padding: 0 20px;
+  width: 100%;
+}
+
+.answerButton:not(:first-of-type) {
+  margin-top: 10px;
+}
+
+@media (min-width: 500px) {
+  .answerButton {
+    font-size: 2rem;
+    line-height: 1.6;
+    min-height: 86px;
+  }
+}
+
+@layer state {
+  .prevButtonHide {
+    opacity: 0;
+  }
+}
+
+.nowAnalyzing {
+  align-items: center;
+  background-color: rgba(0, 0, 0, 0.5);
+  bottom: 0;
+  color: #fff;
+  display: flex;
+  font-size: 2rem;
+  font-weight: 900;
+  height: 100%;
+  justify-content: center;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+}
+
+@keyframes loading {
+  0% {
+    content: '';
+  }
+
+  25% {
+    content: '.';
+  }
+
+  50% {
+    content: '..';
+  }
+
+  75% {
+    content: '...';
+  }
+
+  100% {
+    content: '';
+  }
+}
+
+.nowAnalyzingText::after {
+  animation: loading 1s infinite;
+  content: '';
+  display: inline-block;
+  margin: 0 0 0 2px;
+  position: absolute;
+}
diff --git a/app/questions/analysis.tsx b/app/questions/analysis.tsx
new file mode 100644
index 00000000..33b4d37b
--- /dev/null
+++ b/app/questions/analysis.tsx
@@ -0,0 +1,267 @@
+'use client'
+
+import { Root as Portal } from '@radix-ui/react-portal'
+import clsx from 'clsx'
+import { useRouter } from 'next/navigation'
+import {
+  type HTMLAttributes,
+  type MouseEventHandler,
+  type ReactNode,
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState
+} from 'react'
+
+import { type Question } from '@/lib/analysis'
+
+import styles from './analysis.module.css'
+
+function noop(): void {
+  throw new TypeError('Cannot be executed before initialization.')
+}
+
+type AnalysisContextValue = {
+  count: number
+  questions: Question[]
+  setCount: (value: number) => void
+  startAnalyze: () => void
+}
+
+const AnalysisContext = createContext<AnalysisContextValue>({
+  count: 0,
+  questions: [],
+  setCount: noop,
+  startAnalyze: noop
+})
+
+function useAnalysisContext(): AnalysisContextValue {
+  return useContext(AnalysisContext)
+}
+
+type UseAnalyzerReturn = {
+  startAnalyze: () => void
+}
+
+function useAnalyzer(): UseAnalyzerReturn {
+  const { startAnalyze } = useAnalysisContext()
+
+  return { startAnalyze }
+}
+
+type UseCounterReturn = {
+  currentCount: number
+  maxCount: number
+  setCount: (count: number) => void
+}
+
+function useCounter(): UseCounterReturn {
+  const { count: currentCount, questions, setCount } = useAnalysisContext()
+  const maxCount = useMemo(() => questions.length, [questions])
+
+  return { currentCount, maxCount, setCount }
+}
+
+function useCurrentQuestion(): Question {
+  const { count, questions } = useAnalysisContext()
+  const question = questions[count - 1]
+
+  return question
+}
+
+export function Header(): JSX.Element {
+  const { currentCount: count, maxCount } = useCounter()
+  const question = useCurrentQuestion()
+
+  return (
+    <>
+      <header className={styles.header}>
+        <h3 className={styles.number}>Q{count}</h3>
+        <h2 className={styles.title}>{question.title}</h2>
+      </header>
+
+      <div className={styles.counter}>
+        {maxCount === count ? (
+          <p className={styles.counterContent}>
+            <mark
+              className={clsx(styles.counterValue, styles.counterValueLast)}
+            >
+              ラスト
+            </mark>
+          </p>
+        ) : (
+          <p className={styles.counterContent}>
+            残り
+            <mark className={styles.counterValue}>
+              {maxCount - (count - 1)}
+            </mark>
+            問
+          </p>
+        )}
+
+        <progress className={styles.progressBar} max={maxCount} value={count} />
+      </div>
+    </>
+  )
+}
+
+type AnswerProps = {
+  question: Question
+  show?: boolean
+}
+
+function Answer({ question, show = false }: AnswerProps): JSX.Element {
+  const { startAnalyze } = useAnalyzer()
+  const { currentCount, maxCount, setCount } = useCounter()
+
+  const handleClickAnswer = useCallback<
+    MouseEventHandler<HTMLButtonElement>
+  >(() => {
+    if (currentCount < maxCount) {
+      setCount(currentCount + 1)
+    } else {
+      startAnalyze()
+    }
+  }, [currentCount, maxCount, setCount, startAnalyze])
+
+  return (
+    <div
+      aria-hidden={!show}
+      className={clsx(styles.answer, { [styles.answerShow]: show })}
+    >
+      {question.answers.map((answer, i) => (
+        <button
+          className={styles.answerButton}
+          key={`answer-${i}`}
+          onClick={handleClickAnswer}
+          type="button"
+        >
+          {answer}
+        </button>
+      ))}
+    </div>
+  )
+}
+
+type AnswerListProps = HTMLAttributes<HTMLDivElement>
+
+export function AnswerList({ style, ...props }: AnswerListProps): JSX.Element {
+  const { questions } = useAnalysisContext()
+  const { currentCount } = useCounter()
+
+  return (
+    <div
+      {...props}
+      style={{
+        // @ts-expect-error CSS Variables
+        '--answer-count': currentCount,
+        ...style
+      }}
+    >
+      {questions.map((question, i) => (
+        <Answer
+          key={question.title}
+          question={question}
+          show={currentCount === i + 1}
+        />
+      ))}
+    </div>
+  )
+}
+
+type PrevButtonProps = HTMLAttributes<HTMLButtonElement>
+
+export function PrevButton({
+  className,
+  onClick,
+  ...props
+}: PrevButtonProps): JSX.Element {
+  const { currentCount, setCount } = useCounter()
+
+  const handleClick = useCallback<MouseEventHandler<HTMLButtonElement>>(
+    (event) => {
+      if (typeof onClick === 'function') {
+        onClick(event)
+      }
+
+      setCount(currentCount - 1)
+    },
+    [currentCount, setCount, onClick]
+  )
+
+  return (
+    <button
+      className={clsx(className, { [styles.prevButtonHide]: currentCount < 2 })}
+      onClick={handleClick}
+      type="button"
+      {...props}
+    />
+  )
+}
+
+type AnalyzingProps = {
+  resultURL: string
+}
+
+function Analyzing({ resultURL }: AnalyzingProps): JSX.Element {
+  const router = useRouter()
+
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      router.push(resultURL)
+    }, 1_500)
+
+    return () => {
+      clearTimeout(timer)
+    }
+  }, [resultURL, router])
+
+  return (
+    <Portal className={styles.nowAnalyzing}>
+      <p className={styles.nowAnalyzingText}>あなたのオタクタイプを分析中</p>
+    </Portal>
+  )
+}
+
+type Props = {
+  children: ReactNode
+  questions: Question[]
+  resultURL: string
+}
+
+export default function Analysis({
+  children,
+  questions,
+  resultURL
+}: Props): JSX.Element {
+  const [count, setCount] = useState(1)
+  const [nowAnalyzing, setNowAnalyzing] = useState(false)
+  const maxCount = useMemo(() => questions.length, [questions])
+
+  const wrappedSetCount = useCallback(
+    (count: number) => {
+      if (!(1 <= count && count <= maxCount)) {
+        throw new RangeError(`The argument must be between 1 and ${maxCount}.`)
+      }
+
+      setCount(count)
+    },
+    [maxCount, setCount]
+  )
+
+  const startAnalyze = useCallback(() => {
+    setNowAnalyzing(true)
+  }, [setNowAnalyzing])
+
+  return (
+    <AnalysisContext.Provider
+      value={{ count, questions, setCount: wrappedSetCount, startAnalyze }}
+    >
+      {children}
+
+      {nowAnalyzing && <Analyzing resultURL={resultURL} />}
+    </AnalysisContext.Provider>
+  )
+}
diff --git a/app/questions/page.module.css b/app/questions/page.module.css
new file mode 100644
index 00000000..e53901cf
--- /dev/null
+++ b/app/questions/page.module.css
@@ -0,0 +1,63 @@
+.container {
+  box-sizing: border-box;
+  padding: 28px 0 200px;
+}
+
+@media (min-width: 500px) {
+  .container {
+    margin: 0 auto;
+    max-width: 500px;
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+}
+
+.content {
+  overflow-x: hidden;
+}
+
+.answerList {
+  --answer-count: 1;
+
+  display: flex;
+  flex-direction: row;
+  transform: translateX(calc(-100% * (var(--answer-count) - 1)));
+  transition: transform 0.3s ease;
+}
+
+@layer base {
+  .prevButton {
+    align-items: center;
+    background-color: #fff;
+    border: 3px solid #0588f7;
+    border-radius: 22px;
+    color: #0588f7;
+    display: flex;
+    font-family: inherit;
+    font-size: 1.3rem;
+    font-weight: 700;
+    height: 44px;
+    justify-content: center;
+    margin: 20px 0 0 4px;
+    opacity: 1;
+    outline: 0;
+    transition: opacity ease-in 0.2s;
+    width: 140px;
+  }
+
+  @media (min-width: 500px) {
+    .prevButton {
+      font-size: 1.5rem;
+    }
+  }
+
+  .prevButton::before {
+    content: 'keyboard_arrow_left';
+    display: inline-block;
+    font-family: Material Icons;
+    font-size: 24px;
+    font-weight: normal;
+    line-height: 1;
+    margin-left: -9px;
+  }
+}
diff --git a/app/questions/page.tsx b/app/questions/page.tsx
new file mode 100644
index 00000000..56f8808c
--- /dev/null
+++ b/app/questions/page.tsx
@@ -0,0 +1,38 @@
+import { type Metadata } from 'next'
+
+import { getAnalysisResultIDs, getQuestions } from '@/lib/analysis'
+
+import Analysis, { AnswerList, Header, PrevButton } from './analysis'
+import styles from './page.module.css'
+
+export const revalidate = 60
+
+export const metadata: Metadata = {
+  alternates: {
+    canonical: '/questions'
+  },
+  title: '診断中...'
+}
+
+export default async function QuestionsPage(): Promise<JSX.Element> {
+  const [questions, results] = await Promise.all([
+    getQuestions(),
+    getAnalysisResultIDs()
+  ])
+  const resultID = results[Math.floor(results.length * Math.random())]
+  const resultURL = `/s/${resultID}`
+
+  return (
+    <Analysis questions={questions} resultURL={resultURL}>
+      <div className={styles.container}>
+        <Header />
+
+        <div className={styles.content}>
+          <AnswerList className={styles.answerList} />
+        </div>
+
+        <PrevButton className={styles.prevButton}>1つ前に戻る</PrevButton>
+      </div>
+    </Analysis>
+  )
+}
diff --git a/app/release-link.module.css b/app/release-link.module.css
new file mode 100644
index 00000000..c05d8bc1
--- /dev/null
+++ b/app/release-link.module.css
@@ -0,0 +1,6 @@
+.releaseLink {
+  color: #000;
+  display: block;
+  font-size: 1.2rem;
+  text-decoration: underline;
+}
diff --git a/app/release-link.tsx b/app/release-link.tsx
new file mode 100644
index 00000000..3b73cd27
--- /dev/null
+++ b/app/release-link.tsx
@@ -0,0 +1,17 @@
+import Link, { type LinkProps } from 'next/link'
+
+import { getRecentReleaseTitle } from '@/lib/releases'
+
+import styles from './release-link.module.css'
+
+export default async function ReleaseLink(
+  props: LinkProps
+): Promise<JSX.Element> {
+  const title = await getRecentReleaseTitle()
+
+  return (
+    <Link className={styles.releaseLink} {...props}>
+      {title}
+    </Link>
+  )
+}
diff --git a/assets/avatar.svg b/app/s/[slug]/avatar.svg
similarity index 100%
rename from assets/avatar.svg
rename to app/s/[slug]/avatar.svg
diff --git a/app/s/[slug]/graph.module.css b/app/s/[slug]/graph.module.css
new file mode 100644
index 00000000..c4336ada
--- /dev/null
+++ b/app/s/[slug]/graph.module.css
@@ -0,0 +1,112 @@
+.container {
+  margin: 0 0 20px;
+}
+
+.title {
+  background-color: #ececec;
+  font-size: 1.4rem;
+  margin: 26px -20px 0;
+  padding: 8px;
+  text-align: center;
+}
+
+@media (min-width: 500px) {
+  .title {
+    font-size: 1.6rem;
+    margin: 28px 0 0;
+  }
+}
+
+.body {
+  margin: 0;
+  padding: 24px 0 20px;
+}
+
+@media (min-width: 500px) {
+  .body {
+    padding: 44px 0 0;
+  }
+}
+
+.parameter {
+  display: flex;
+  height: 44px;
+  margin: 16px 0;
+}
+
+.parameterLabel {
+  align-items: center;
+  display: flex;
+  flex-basis: 60px;
+  font-size: 1rem;
+  letter-spacing: 0.04rem;
+  line-height: 1.4;
+  position: relative;
+}
+
+.parameterLabel::after {
+  border-right: 1px solid #ececec;
+  content: '';
+  display: block;
+  height: 76px;
+  position: absolute;
+  right: 0;
+  top: -16px;
+}
+
+@keyframes show {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+.parameterLabelText {
+  animation: show 0.4s linear;
+}
+
+.parameterValue {
+  align-items: center;
+  display: flex;
+  flex-basis: 0;
+  flex-grow: 1;
+  flex-shrink: 1;
+  margin: 0;
+  position: relative;
+}
+
+@keyframes progress {
+  0% {
+    width: 0;
+  }
+
+  100% {
+    width: 100%;
+  }
+}
+
+.graphBar {
+  position: absolute;
+  width: 100%;
+}
+
+.graphBarValue {
+  animation: show 0.4s linear, progress 1.8s ease-in;
+  background-image: repeating-linear-gradient(
+    45deg,
+    rgba(255, 255, 255, 0.15),
+    rgba(255, 255, 255, 0.15) 0.75rem,
+    transparent 0.75rem,
+    transparent 1.5rem
+  );
+  background-color: #d1d1d1;
+  border-radius: 0 3px 3px 0;
+  height: 44px;
+}
+
+.graphBarValueBlue {
+  background-color: #14b9ff;
+}
diff --git a/app/s/[slug]/graph.tsx b/app/s/[slug]/graph.tsx
new file mode 100644
index 00000000..8edb7d88
--- /dev/null
+++ b/app/s/[slug]/graph.tsx
@@ -0,0 +1,42 @@
+import clsx from 'clsx'
+
+import { type ResultParameter } from '@/lib/analysis'
+
+import styles from './graph.module.css'
+
+type Props = {
+  parameters: ResultParameter[]
+  title: string
+}
+
+export default function Graph({ parameters, title }: Props): JSX.Element {
+  return (
+    <div className={styles.container}>
+      <h3 className={styles.title}>{title}</h3>
+
+      <dl className={styles.body}>
+        {parameters.map((parameter, i) => (
+          <div className={styles.parameter} key={parameter.label}>
+            <dt className={styles.parameterLabel}>
+              <span className={styles.parameterLabelText}>
+                {parameter.label}
+              </span>
+            </dt>
+            <dd className={styles.parameterValue}>
+              <div
+                className={styles.graphBar}
+                style={{ width: `${parameter.value * 100}%` }}
+              >
+                <div
+                  className={clsx(styles.graphBarValue, {
+                    [styles.graphBarValueBlue]: i === 0
+                  })}
+                />
+              </div>
+            </dd>
+          </div>
+        ))}
+      </dl>
+    </div>
+  )
+}
diff --git a/assets/nanashi.svg b/app/s/[slug]/nanashi.svg
similarity index 100%
rename from assets/nanashi.svg
rename to app/s/[slug]/nanashi.svg
diff --git a/app/s/[slug]/page.module.css b/app/s/[slug]/page.module.css
new file mode 100644
index 00000000..a5e02373
--- /dev/null
+++ b/app/s/[slug]/page.module.css
@@ -0,0 +1,407 @@
+.messageWindow {
+  background-color: #fff;
+  border: solid #000 3px;
+  border-radius: 20px;
+  box-sizing: border-box;
+  margin-top: 52px;
+  position: relative;
+}
+
+.messageWindow::before {
+  background-color: transparent;
+  background-image: url('./nanashi.svg');
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: contain;
+  content: '';
+  display: block;
+  height: 63px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: -63px;
+}
+
+.content {
+  box-sizing: border-box;
+  padding: 20px 0 30px;
+  width: 100%;
+}
+
+@media (min-width: 500px) {
+  .content {
+    margin: 0 auto;
+    max-width: 500px;
+    padding: 24px 20px 30px;
+  }
+}
+
+.title {
+  color: #fff;
+  font-size: 2rem;
+  font-weight: 900;
+  letter-spacing: 0.08rem;
+  margin: 0;
+  padding: 8px;
+  text-align: center;
+}
+
+@media (min-width: 500px) {
+  .title {
+    font-size: 2.4rem;
+    padding: 0 0 24px;
+  }
+}
+
+.messageBox {
+  padding: 20px;
+}
+
+@media (min-width: 500px) {
+  .messageBox {
+    padding: 40px;
+  }
+}
+
+.messageTitle {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  font-size: 1.8rem;
+  font-weight: 700;
+  justify-content: center;
+  margin: 0;
+}
+
+@media (min-width: 500px) {
+  .messageTitle {
+    font-size: 2.2rem;
+  }
+}
+
+.messageTitleLine {
+  display: block;
+}
+
+.messageTitleLine:first-of-type {
+  font-size: 1.6rem;
+  font-weight: 700;
+  line-height: 1;
+  margin: 4px 0 4px 2px;
+}
+
+.messageTitleMark {
+  background-color: transparent;
+  background-image: linear-gradient(transparent 80%, #fff263 80%);
+  font-size: 1.8rem;
+  font-weight: 900;
+}
+
+.messageTitleLine:first-of-type .messageTitleMark {
+  margin-right: 2px;
+}
+
+.messageTitleLine:last-of-type .messageTitleMark {
+  display: inline-block;
+  font-size: 3.6rem;
+  height: 46px;
+  letter-spacing: 0.08rem;
+  line-height: 1.4;
+}
+
+.evaluation {
+  display: flex;
+  margin: 20px 0 0;
+}
+
+.evaluationAvatar {
+  margin: 2px 0 0;
+}
+
+.avatar {
+  border: solid #14b9ff 2px;
+  border-radius: 50%;
+  box-sizing: border-box;
+  display: block;
+  height: 56px;
+  width: 56px;
+}
+
+@media (min-width: 500px) {
+  .avatar {
+    border-width: 4px;
+    height: 80px;
+    text-align: center;
+    width: 80px;
+  }
+}
+
+.evaluationCaption {
+  color: #000;
+  font-size: 1.1rem;
+  font-weight: 700;
+  line-height: 1.2;
+  margin-top: 4px;
+  text-align: center;
+}
+
+.evaluationComment {
+  background-color: #ececec;
+  border-radius: 10px;
+  flex: 1;
+  margin: 8px 0 0 16px;
+  padding: 10px;
+  position: relative;
+}
+
+@media (min-width: 500px) {
+  .evaluationComment {
+    margin-top: 20px;
+  }
+}
+
+.evaluationComment::after {
+  border-color: transparent #ececec transparent transparent;
+  border-style: solid;
+  border-width: 7px 10px 7px 0;
+  content: '';
+  display: block;
+  height: 0;
+  left: -10px;
+  position: absolute;
+  top: 16px;
+  width: 0;
+}
+
+.shareButton {
+  align-items: center;
+  background-color: #55acee;
+  border-radius: 28px;
+  box-sizing: border-box;
+  color: #fff;
+  display: flex;
+  font-size: 1.6rem;
+  height: 56px;
+  justify-content: center;
+  margin: 40px auto 0;
+  text-decoration: none;
+  width: 100%;
+}
+
+@media (min-width: 500px) {
+  .shareButton {
+    font-size: 1.8rem;
+    width: 320px;
+  }
+}
+
+.retryButton {
+  align-items: center;
+  background-color: #fff;
+  border: solid #ececec 3px;
+  border-radius: 28px;
+  box-sizing: border-box;
+  color: #505050;
+  display: flex;
+  font-size: 1.6rem;
+  height: 56px;
+  justify-content: center;
+  margin: 12px auto 0;
+  text-decoration: none;
+  width: 100%;
+}
+
+@media (min-width: 500px) {
+  .retryButton {
+    font-size: 1.8rem;
+    width: 320px;
+  }
+}
+
+.button {
+  align-items: center;
+  background-color: #fff;
+  border: solid #14b9ff 4px;
+  border-radius: 28px;
+  box-sizing: border-box;
+  color: #14b9ff;
+  display: flex;
+  height: 56px;
+  justify-content: center;
+  margin: 40px auto 0;
+  max-width: 416px;
+  text-decoration: none;
+  width: 100%;
+}
+
+.subtitle {
+  color: #fff;
+  font-size: 2.4rem;
+  font-weight: 900;
+  letter-spacing: 0.08rem;
+  line-height: 1.4;
+  margin: 44px auto 8px;
+  padding: 0 8px;
+}
+
+@media (min-width: 500px) {
+  .subtitle {
+    font-size: 3.6rem;
+    margin-top: 64px;
+  }
+}
+
+.detailTitle {
+  color: #fff;
+  font-size: 1.4rem;
+  margin: 24px 0 0;
+  text-align: center;
+}
+
+@media (min-width: 500px) {
+  .detailTitle {
+    font-size: 2rem;
+  }
+}
+
+.detailContent {
+  margin: 0 auto;
+}
+
+@media (min-width: 500px) {
+  .detailContent {
+    width: 375px;
+  }
+}
+
+.profile {
+  background-color: #fff;
+  border-radius: 20px 20px 0 0;
+  padding: 12px;
+}
+
+.catchphrase {
+  color: #595959;
+  font-size: 1rem;
+  line-height: 1.4;
+  margin: 0;
+  text-align: center;
+}
+
+.profileName {
+  color: #0588f7;
+  margin: 0;
+  font-size: 2.4rem;
+  font-weight: 900;
+  line-height: 1.6;
+  text-align: center;
+}
+
+.profileNameLink {
+  color: inherit;
+  display: block;
+  text-decoration: none;
+}
+
+.movie {
+  border-radius: 0 0 20px 20px;
+  overflow: hidden;
+  padding-top: 56.25%;
+  position: relative;
+  width: 100%;
+  z-index: 1;
+}
+
+.movieFrame {
+  border: 0;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 100%;
+}
+
+.headline {
+  color: #fff;
+  font-size: 1.8rem;
+  font-weight: 900;
+  line-height: 1.6;
+  margin: 20px 0 0;
+  text-align: center;
+}
+
+@media (min-width: 500px) {
+  .headline {
+    font-size: 2.8rem;
+  }
+}
+
+.detailButton {
+  align-items: center;
+  background-color: #fbc02d;
+  border-radius: 32px;
+  box-sizing: border-box;
+  color: #fff;
+  display: flex;
+  font-size: 1.8rem;
+  font-weight: 900;
+  height: 64px;
+  justify-content: center;
+  line-height: 1.4;
+  margin: 12px auto 0;
+  max-width: 380px;
+  padding: 0 20px;
+  text-decoration: none;
+  width: 100%;
+}
+
+@media (min-width: 500px) {
+  .detailButton {
+    border-radius: 36px;
+    font-size: 2.2rem;
+    height: 72px;
+  }
+}
+
+.footer {
+  padding-top: 38px;
+}
+
+.message {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 416px;
+  width: 100%;
+}
+
+.messageParagraph {
+  font-size: 1.7rem;
+  font-weight: 900;
+  line-height: 1.6;
+  margin: 16px 20px 0;
+  text-align: center;
+}
+
+.messageButton {
+  align-items: center;
+  background-color: #0588f7;
+  border-radius: 28px;
+  box-sizing: border-box;
+  color: #fff;
+  display: flex;
+  font-size: 1.6rem;
+  height: 56px;
+  justify-content: center;
+  margin: 12px 20px 20px;
+  text-decoration: none;
+}
+
+.messageButton::after {
+  content: 'launch';
+  display: inline-block;
+  font-family: Material Icons;
+  font-size: 1.8rem;
+  font-weight: normal;
+  line-height: 1;
+  margin-left: 4px;
+}
diff --git a/app/s/[slug]/page.tsx b/app/s/[slug]/page.tsx
new file mode 100644
index 00000000..44b8eaba
--- /dev/null
+++ b/app/s/[slug]/page.tsx
@@ -0,0 +1,273 @@
+import clsx from 'clsx'
+import { type Metadata } from 'next'
+import Link from 'next/link'
+import { notFound } from 'next/navigation'
+import { type HTMLAttributes } from 'react'
+
+import { getAnalysisResult, getAnalysisResultIDs } from '@/lib/analysis'
+import { createTweetURL } from '@/lib/share'
+import pkg from '@/package.json'
+
+import nanashiAvatar from './avatar.svg'
+import Graph from './graph'
+import styles from './page.module.css'
+
+export const revalidate = 60
+
+function createYouTubeEmbedURL(url: string): string {
+  const { pathname, searchParams } = new URL(url)
+
+  let id: string | null = null
+
+  if (pathname === '/watch' && searchParams.has('id')) {
+    id = searchParams.get('v')
+  } else {
+    id = pathname.slice(1)
+  }
+
+  if (!id) {
+    throw new TypeError('An invalid URL was given as an argument.')
+  }
+
+  return `https://www.youtube.com/embed/${id}`
+}
+
+type MessageWindowProps = HTMLAttributes<HTMLDivElement>
+
+function MessageWindow({
+  className,
+  ...props
+}: MessageWindowProps): JSX.Element {
+  return <div className={clsx(styles.messageWindow, className)} {...props} />
+}
+
+type Params = {
+  slug: string
+}
+
+export async function generateStaticParams(): Promise<Params[]> {
+  const resultIDs = await getAnalysisResultIDs()
+
+  return resultIDs.map((slug) => ({ slug }))
+}
+
+type SearchParams = {
+  s?: string[] | string
+}
+
+type Props = {
+  params: Params
+  searchParams: SearchParams
+}
+
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const result = await getAnalysisResult(params.slug)
+
+  if (!result) {
+    notFound()
+  }
+
+  const title = `${result.talent.name}が選ばれました！`
+  const description = '好みと推しVTuberを無意識から探る！'
+
+  return {
+    alternates: {
+      canonical: `/s/${result.slug}`
+    },
+    description,
+    openGraph: {
+      description,
+      images: [
+        {
+          height: 630,
+          url: `/images/results/${result.slug}.png`,
+          width: 1200
+        }
+      ],
+      title,
+      type: 'article',
+      url: `/s/${result.slug}`
+    },
+    title,
+    twitter: {
+      card: 'summary_large_image'
+    }
+  }
+}
+
+export default async function ResultPage({
+  params,
+  searchParams
+}: Props): Promise<JSX.Element> {
+  const result = await getAnalysisResult(params.slug)
+
+  if (!result) {
+    notFound()
+  }
+
+  const sharedParam =
+    (Array.isArray(searchParams.s) ? searchParams.s.at(-1) : searchParams.s) ??
+    'false'
+  const isShared = ['1', 'true'].includes(sharedParam)
+  const shareURL = new URL(`/s/${result.slug}?s=true`, pkg.homepage).toString()
+
+  return (
+    <main className={styles.content}>
+      <h1 className={styles.title}>オタクタイプ 診断結果</h1>
+
+      <MessageWindow className={styles.messageBox}>
+        <h2 className={styles.messageTitle}>
+          <span className={styles.messageTitleLine}>
+            アナタは
+            <mark className={styles.messageTitleMark}>{result.type}</mark>
+            系の
+          </span>
+          <span className={styles.messageTitleLine}>
+            <mark className={styles.messageTitleMark}>{result.attribute}</mark>
+            好きです!
+          </span>
+        </h2>
+
+        <div className={styles.evaluation}>
+          <figure className={styles.evaluationAvatar}>
+            {/* eslint-disable-next-line @next/next/no-img-element */}
+            <img
+              alt=""
+              className={styles.avatar}
+              height={128}
+              src={nanashiAvatar.src}
+              width={128}
+            />
+            <figcaption className={styles.evaluationCaption}>
+              黒猫 ななし
+            </figcaption>
+          </figure>
+
+          <p className={styles.evaluationComment}>あにまーれは仲良しです♩</p>
+        </div>
+
+        {!isShared && (
+          <>
+            <a
+              className={styles.shareButton}
+              href={createTweetURL(
+                shareURL,
+                `アナタは${result.type}系【${result.attribute}好き】です！\n`
+              )}
+              rel="noopener noreferrer"
+              role="button"
+              target="_blank"
+            >
+              診断結果をツイートする
+            </a>
+            <Link className={styles.retryButton} href="/" role="button">
+              もう一度診断する
+            </Link>
+          </>
+        )}
+
+        <Graph parameters={result.parameters} title="オタクパラメーター" />
+      </MessageWindow>
+
+      {isShared && (
+        <Link className={styles.button} href="/" role="button">
+          オタクタイプを診断してみる
+        </Link>
+      )}
+
+      <h2 className={styles.subtitle}>
+        総勢約8,000名のVTuberの中から【{result.type}
+        好き】のアナタにマッチするVTuberが選ばれました!
+      </h2>
+
+      {(result.recommendedVideo || result.talent.youtube) && (
+        <section>
+          {result.recommendedVideo && (
+            <>
+              <h2 className={styles.detailTitle}>
+                「{result.talent.name}」のおすすめ動画はこちら!
+              </h2>
+
+              <div className={styles.detailContent}>
+                <header className={styles.profile}>
+                  <p className={styles.catchphrase}>{result.catchphrase}</p>
+
+                  <h3 className={styles.profileName}>
+                    {result.talent.twitter ? (
+                      <a
+                        className={styles.profileNameLink}
+                        href={`https://twitter.com/${result.talent.twitter}`}
+                        rel="noopener noreferrer"
+                        target="_blank"
+                      >
+                        {result.talent.name}
+                      </a>
+                    ) : (
+                      result.talent.name
+                    )}
+                  </h3>
+                </header>
+
+                <div>
+                  <div className={styles.movie}>
+                    <iframe
+                      allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+                      allowFullScreen
+                      className={styles.movieFrame}
+                      height={315}
+                      src={createYouTubeEmbedURL(result.recommendedVideo.url)}
+                      width={560}
+                    />
+                  </div>
+                </div>
+              </div>
+            </>
+          )}
+
+          {result.talent.youtube && (
+            <>
+              <h4 className={styles.headline}>
+                YouTubeにアクセスして、
+                <br />「{result.talent.name}」と会話しよう!
+              </h4>
+
+              <a
+                className={styles.detailButton}
+                href={`https://www.youtube.com/channel/${result.talent.youtube}`}
+                rel="noopener noreferrer"
+                role="button"
+                target="_blank"
+              >
+                このVTuberに会いに行く!
+              </a>
+            </>
+          )}
+        </section>
+      )}
+
+      <div className={styles.footer}>
+        <MessageWindow className={styles.message}>
+          <p className={styles.messageParagraph}>
+            その他のVTuberや詳しい情報は
+            <br />
+            YouTubeをチェックしてみてね！
+          </p>
+
+          <a
+            className={styles.messageButton}
+            href="https://www.youtube.com/"
+            rel="noreferrer noopener"
+            role="button"
+            target="_blank"
+          >
+            YouTube公式ウェブサイト
+          </a>
+        </MessageWindow>
+
+        <Link className={styles.button} href="/" role="button">
+          オタクタイプを診断してみる
+        </Link>
+      </div>
+    </main>
+  )
+}
diff --git a/components/avatar.tsx b/components/avatar.tsx
deleted file mode 100644
index 4c5a2ba9..00000000
--- a/components/avatar.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { type FC } from 'react'
-import styled from 'styled-components'
-
-const Image = styled.img`
-  border: solid #14b9ff 2px;
-  border-radius: 50%;
-  box-sizing: border-box;
-  display: block;
-  height: 56px;
-  width: 56px;
-
-  @media (min-width: 500px) {
-    border-width: 4px;
-    height: 80px;
-    text-align: center;
-    width: 80px;
-  }
-`
-
-type Props = {
-  src: string
-}
-
-const Avatar: FC<Props> = ({ src }) => {
-  return <Image alt="" height="128" src={src} width="128" />
-}
-
-export default Avatar
diff --git a/components/footer.tsx b/components/footer.tsx
deleted file mode 100644
index 7939e690..00000000
--- a/components/footer.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import Link from 'next/link'
-import styled from 'styled-components'
-
-import pkg from '../package.json'
-
-const Content = styled.footer`
-  align-items: center;
-  background-color: #fff;
-  border-top: solid #000 6px;
-  display: flex;
-  flex-direction: column;
-  margin-top: 40px;
-  padding: 20px 12px 32px;
-`
-
-const ReleaseLink = styled(Link)`
-  color: #000;
-  display: block;
-  font-size: 1.2rem;
-  text-decoration: underline;
-`
-
-const Copyright = styled.p`
-  font-size: 1.3rem;
-  margin: 28px 0 0;
-  letter-spacing: 0.04rem;
-  text-align: center;
-
-  @media (min-width: 500px) {
-    font-size: 1.5rem;
-  }
-
-  a {
-    color: inherit;
-    text-decoration: none;
-  }
-`
-
-export default function Footer(): JSX.Element {
-  return (
-    <Content>
-      <ReleaseLink href="/list" prefetch={false}>
-        Version {pkg.version.split('.').slice(0, 2).join('.')}
-      </ReleaseLink>
-
-      <Copyright>
-        {'Copyright 2018-2023 '}
-        <a href="https://haneru.dev/" rel="noopener noreferrer" target="_blank">
-          Haneru Developers
-        </a>
-      </Copyright>
-    </Content>
-  )
-}
diff --git a/components/graph-bar.tsx b/components/graph-bar.tsx
deleted file mode 100644
index 624da46c..00000000
--- a/components/graph-bar.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import { type FC } from 'react'
-import styled, { keyframes } from 'styled-components'
-
-const Container = styled.div`
-  position: absolute;
-  width: 100%;
-`
-
-const show = keyframes`
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-`
-
-const progress = keyframes`
-  0% {
-    width: 0;
-  }
-
-  100% {
-    width: 100%;
-  }
-`
-
-const Bar = styled.div<{ blue: boolean }>`
-  animation: ${show} 0.4s linear, ${progress} 1.8s ease-in;
-  background-image: repeating-linear-gradient(
-    45deg,
-    rgba(255, 255, 255, 0.15),
-    rgba(255, 255, 255, 0.15) 0.75rem,
-    transparent 0.75rem,
-    transparent 1.5rem
-  );
-  background-color: ${(props) => (props.blue ? '#14b9ff' : '#d1d1d1')};
-  border-radius: 0 3px 3px 0;
-  height: 44px;
-`
-
-type Props = {
-  blue: boolean
-  value: number
-}
-
-const GraphBar: FC<Props> = ({ blue, value }) => {
-  return (
-    <Container style={{ width: `${value * 100}%` }}>
-      <Bar blue={blue} />
-    </Container>
-  )
-}
-
-export default GraphBar
diff --git a/components/graph.tsx b/components/graph.tsx
deleted file mode 100644
index 4fca58b8..00000000
--- a/components/graph.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-import { type FC } from 'react'
-import styled, { keyframes } from 'styled-components'
-
-import { type ResultParameter } from '../lib/analysis'
-
-import GraphBar from './graph-bar'
-
-const Container = styled.section`
-  margin: 0 0 20px;
-`
-
-const Title = styled.h3`
-  background-color: #ececec;
-  font-size: 1.4rem;
-  margin: 26px -20px 0;
-  padding: 8px;
-  text-align: center;
-
-  @media (min-width: 500px) {
-    font-size: 1.6rem;
-    margin: 28px 0 0;
-  }
-`
-
-const Body = styled.dl`
-  margin: 0;
-  padding: 24px 0 20px;
-
-  @media (min-width: 500px) {
-    padding: 44px 0 0;
-  }
-`
-
-const Parameter = styled.div`
-  display: flex;
-  height: 44px;
-  margin: 16px 0;
-`
-
-const show = keyframes`
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-`
-
-const ParameterLabel = styled.dt`
-  align-items: center;
-  display: flex;
-  flex-basis: 60px;
-  font-size: 1rem;
-  letter-spacing: 0.04rem;
-  line-height: 1.4;
-  position: relative;
-
-  ::after {
-    border-right: 1px solid #ececec;
-    content: '';
-    display: block;
-    height: 76px;
-    position: absolute;
-    right: 0;
-    top: -16px;
-  }
-
-  span {
-    animation: ${show} 0.4s linear;
-  }
-`
-
-const ParameterValue = styled.dd`
-  align-items: center;
-  display: flex;
-  flex-basis: 0;
-  flex-grow: 1;
-  flex-shrink: 1;
-  margin: 0;
-  position: relative;
-`
-
-interface Props {
-  parameters: ResultParameter[]
-  title: string
-}
-
-const Graph: FC<Props> = ({ parameters, title }) => {
-  return (
-    <Container>
-      <Title>{title}</Title>
-
-      <Body>
-        {parameters.map((parameter, i) => (
-          <Parameter key={parameter.label}>
-            <ParameterLabel>
-              <span>{parameter.label}</span>
-            </ParameterLabel>
-            <ParameterValue>
-              <GraphBar blue={i === 0} value={parameter.value} />
-            </ParameterValue>
-          </Parameter>
-        ))}
-      </Body>
-    </Container>
-  )
-}
-
-export default Graph
diff --git a/components/header.tsx b/components/header.tsx
deleted file mode 100644
index 9ae89019..00000000
--- a/components/header.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import Link from 'next/link'
-import styled from 'styled-components'
-
-import lineLogo from '../assets/line.svg'
-import twitterLogo from '../assets/twitter.svg'
-import { createLineShareURL, createTweetURL } from '../lib/share'
-import pkg from '../package.json'
-
-const Container = styled.header`
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  margin: 0 auto;
-  max-width: 680px;
-  padding: 20px 0;
-  width: 100%;
-`
-
-const Logo = styled(Link)`
-  background-color: #212121;
-  border-radius: 3px;
-  color: #fff;
-  display: block;
-  font-size: 17px;
-  font-weight: 700;
-  letter-spacing: 7px;
-  line-height: 2;
-  padding: 0 0.2em 0 0.5em;
-  text-decoration: none;
-`
-
-const Navigation = styled.nav`
-  ul {
-    display: flex;
-    margin: 0;
-    padding: 0;
-  }
-
-  li {
-    display: block;
-    margin: 0 4px;
-    padding: 0;
-  }
-`
-
-const ShareButton = styled.a`
-  align-items: center;
-  background-color: #fff;
-  border-radius: 50%;
-  display: flex;
-  height: 32px;
-  justify-content: center;
-  width: 32px;
-
-  @media (min-width: 500px) {
-    height: 48px;
-    width: 48px;
-  }
-`
-
-const ShareLogo = styled.img`
-  height: 16px;
-  width: 16px;
-
-  @media (min-width: 500px) {
-    height: 24px;
-    width: 24px;
-  }
-`
-
-export default function Header(): JSX.Element {
-  return (
-    <Container>
-      <Logo href="/" prefetch={false}>
-        ANiMARE
-      </Logo>
-
-      <Navigation>
-        <ul>
-          <li>
-            <ShareButton
-              href={createTweetURL(new URL('/', pkg.homepage).toString())}
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <ShareLogo
-                alt="Twitter"
-                height="24"
-                src={twitterLogo.src}
-                width="24"
-              />
-            </ShareButton>
-          </li>
-          <li>
-            <ShareButton
-              href={createLineShareURL(new URL('/', pkg.homepage).toString())}
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <ShareLogo alt="Line" height="24" src={lineLogo.src} width="24" />
-            </ShareButton>
-          </li>
-        </ul>
-      </Navigation>
-    </Container>
-  )
-}
diff --git a/components/layout.tsx b/components/layout.tsx
deleted file mode 100644
index 21442bf3..00000000
--- a/components/layout.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import { type FC, type ReactNode } from 'react'
-import styled, { createGlobalStyle } from 'styled-components'
-
-import Footer from './footer'
-
-const GlobalStyle = createGlobalStyle`
-  html {
-    background-color: #0588f7;
-    background-image: repeating-linear-gradient(
-      150deg,
-      rgba(255, 255, 255, 0.05),
-      rgba(255, 255, 255, 0.05) 9px,
-      transparent 10px,
-      transparent 19px
-    );
-    font-family: Noto Sans JP, sans-serif;
-    font-size: 10px;
-    font-weight: 700;
-    height: 100%;
-    line-height: 1.8;
-  }
-
-  body {
-    font-size: 1.5rem;
-    height: 100%;
-    margin: 0;
-  }
-`
-
-const Wrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-`
-
-const Content = styled.div`
-  box-sizing: border-box;
-  flex-basis: 0;
-  flex-grow: 1;
-  padding: 0 20px;
-
-  @media (min-width: 500px) {
-    padding: 0;
-  }
-`
-
-type Props = {
-  children: ReactNode
-}
-
-const Layout: FC<Props> = ({ children }) => (
-  <>
-    <GlobalStyle />
-
-    <Wrapper>
-      <Content>{children}</Content>
-
-      <Footer />
-    </Wrapper>
-  </>
-)
-
-export default Layout
diff --git a/components/message-window.tsx b/components/message-window.tsx
deleted file mode 100644
index 2f8d9736..00000000
--- a/components/message-window.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { type FC, type ReactNode } from 'react'
-import styled from 'styled-components'
-
-import nanashi from '../assets/nanashi.svg'
-
-const Root = styled.div`
-  background-color: #fff;
-  border: solid #000 3px;
-  border-radius: 20px;
-  box-sizing: border-box;
-  margin-top: 52px;
-  position: relative;
-
-  ::before {
-    background-color: transparent;
-    background-image: url('${nanashi.src}');
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: contain;
-    content: '';
-    display: block;
-    height: 63px;
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: -63px;
-  }
-`
-
-type Props = {
-  children: ReactNode
-  className?: string
-}
-
-const MessageWindow: FC<Props> = ({ children, className }) => (
-  <Root className={className}>{children}</Root>
-)
-
-export default MessageWindow
diff --git a/components/message.tsx b/components/message.tsx
deleted file mode 100644
index c4058d3b..00000000
--- a/components/message.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { type FC, type ReactNode } from 'react'
-import styled from 'styled-components'
-
-const Container = styled.div`
-  background-color: #fff;
-  border: solid #000 4px;
-  border-radius: 20px;
-  box-sizing: border-box;
-  color: #000;
-  margin: 0 auto;
-  max-width: 680px;
-  padding: 25px 0;
-  width: 100%;
-
-  @media (min-width: 500px) {
-    margin-top: 50px;
-    padding-bottom: 40px;
-    padding-top: 40px;
-  }
-`
-
-type Props = {
-  children: ReactNode
-}
-
-const Message: FC<Props> = ({ children }) => {
-  return <Container>{children}</Container>
-}
-
-export default Message
diff --git a/components/progress-bar.tsx b/components/progress-bar.tsx
deleted file mode 100644
index 5339e2a0..00000000
--- a/components/progress-bar.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { type FC } from 'react'
-import styled from 'styled-components'
-
-const Container = styled.div`
-  background-color: rgba(0, 0, 0, 0.3);
-  border-radius: 6px;
-  height: 12px;
-`
-
-const Bar = styled.div`
-  background-color: #fff263;
-  border-radius: 6px;
-  height: 12px;
-  transition: width 0.3s ease-out;
-`
-
-type Props = {
-  max: number
-  value: number
-}
-
-const ProgressBar: FC<Props> = ({ max, value }) => (
-  <Container>
-    <Bar style={{ width: `${(value / max) * 100}%` }} />
-  </Container>
-)
-
-export default ProgressBar
diff --git a/components/seo.tsx b/components/seo.tsx
deleted file mode 100644
index a0316bb6..00000000
--- a/components/seo.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import Head from 'next/head'
-import { type FC } from 'react'
-
-import mainVisual from '../assets/main-visual.jpg'
-import pkg from '../package.json'
-
-const defaultTitle = 'あなたのオタクタイプ診断 by あにまーれ'
-
-interface Props {
-  description?: string
-  image?: string
-  pathname?: string
-  title?: string
-}
-
-const SEO: FC<Props> = ({
-  description = '好みと推しVTuberを無意識から探る！',
-  image,
-  pathname,
-  title
-}) => {
-  return (
-    <Head>
-      <title>
-        {title ? `${title} | #あにまーれオタクタイプ診断` : defaultTitle}
-      </title>
-      <meta content={description} name="description" />
-
-      {pathname && (
-        <>
-          <meta content="website" property="og:type" />
-          <meta
-            content={new URL(pathname, pkg.homepage).toString()}
-            property="og:url"
-          />
-          <meta
-            content={new URL(image ?? mainVisual.src, pkg.homepage).toString()}
-            property="og:image"
-          />
-          <meta content={title ?? defaultTitle} property="og:title" />
-          <meta content={description} property="og:description" />
-          <meta content="summary_large_image" name="twitter:card" />
-
-          <link
-            href={new URL(pathname, pkg.homepage).toString()}
-            rel="canonical"
-          />
-        </>
-      )}
-    </Head>
-  )
-}
-
-export default SEO
diff --git a/lib/releases.ts b/lib/releases.ts
index 02050f8d..b05b7c96 100644
--- a/lib/releases.ts
+++ b/lib/releases.ts
@@ -1,13 +1,11 @@
 import { Octokit } from '@octokit/rest'
-import { type MDXRemoteSerializeResult } from 'next-mdx-remote'
-import { serialize } from 'next-mdx-remote/serialize'
 
 const octokit = new Octokit({
   auth: process.env.GITHUB_TOKEN
 })
 
 export type Release = {
-  contentSource: MDXRemoteSerializeResult
+  body: string
   date: string
   slug: string
   title: string
@@ -19,14 +17,22 @@ export async function getAllReleases(): Promise<Release[]> {
     repo: 'animare-shindan'
   })
 
-  return Promise.all(
-    releases.map<Promise<Release>>((release) =>
-      serialize(release.body ?? '').then((contentSource) => ({
-        contentSource,
-        date: release.created_at,
-        slug: release.tag_name,
-        title: release.name || release.tag_name
-      }))
-    )
-  )
+  return releases.map<Release>((release) => ({
+    body: release.body ?? '',
+    date: release.created_at,
+    slug: release.tag_name,
+    title: release.name || release.tag_name
+  }))
+}
+
+export async function getRecentReleaseTitle(): Promise<string> {
+  const {
+    data: [release]
+  } = await octokit.repos.listReleases({
+    owner: 'inabagumi',
+    per_page: 1,
+    repo: 'animare-shindan'
+  })
+
+  return release.name || release.tag_name
 }
diff --git a/next.config.js b/next.config.js
index 41370cf1..96dda62f 100644
--- a/next.config.js
+++ b/next.config.js
@@ -8,19 +8,6 @@ const withPWA = nextPWA({
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  compiler: {
-    styledComponents: true
-  },
-  eslint: {
-    dirs: ['components', 'lib', 'pages', 'prisma']
-  },
-  experimental: {
-    esmExternals: true
-  },
-  i18n: {
-    defaultLocale: 'ja',
-    locales: ['ja']
-  },
   async rewrites() {
     return [
       {
@@ -30,10 +17,6 @@ const nextConfig = {
       {
         destination: '/_next/static/workbox-:hash.js',
         source: '/workbox-:hash.js'
-      },
-      {
-        destination: '/api/manifest',
-        source: '/manifest.webmanifest'
       }
     ]
   }
diff --git a/package.json b/package.json
index a7b86474..583ee86c 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,10 @@
   "author": "Haneru Developers",
   "dependencies": {
     "@octokit/rest": "^19.0.7",
-    "@prisma/client": "^4.14.0",
+    "@prisma/client": "^4.13.0",
+    "@radix-ui/react-portal": "^1.0.2",
+    "@vercel/analytics": "^1.0.1",
+    "clsx": "^1.2.1",
     "date-fns": "^2.30.0",
     "next": "^13.4.1",
     "next-mdx-remote": "^4.4.1",
@@ -22,6 +25,7 @@
     "@typescript-eslint/eslint-plugin": "^5.59.5",
     "@typescript-eslint/parser": "^5.59.5",
     "babel-plugin-styled-components": "^2.1.1",
+    "encoding": "^0.1.13",
     "eslint": "^8.40.0",
     "eslint-config-next": "^13.4.1",
     "eslint-config-prettier": "^8.8.0",
@@ -46,5 +50,5 @@
     "format-check": "prettier -c .",
     "lint": "next lint"
   },
-  "version": "3.0.0"
+  "version": "4.0.0"
 }
diff --git a/pages/404.tsx b/pages/404.tsx
deleted file mode 100644
index 71954560..00000000
--- a/pages/404.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { type NextPage } from 'next'
-import styled from 'styled-components'
-
-import Header from '../components/header'
-import Layout from '../components/layout'
-import Message from '../components/message'
-import SEO from '../components/seo'
-
-const Title = styled.h1`
-  font-size: 2rem;
-  font-weight: 900;
-  margin: 10px 24px 0;
-`
-
-const Description = styled.p`
-  font-size: 1.2rem;
-  margin: 10px 24px 0;
-`
-
-const NotFound: NextPage = () => (
-  <Layout>
-    <SEO title="404 Not found" />
-
-    <Header />
-
-    <Message>
-      <Title>404 Not found</Title>
-
-      <Description>
-        おさがしのページを見つけることができませんでした。
-      </Description>
-    </Message>
-  </Layout>
-)
-
-export default NotFound
diff --git a/pages/_app.tsx b/pages/_app.tsx
deleted file mode 100644
index ae6293f3..00000000
--- a/pages/_app.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import { type AppProps } from 'next/app'
-import Head from 'next/head'
-import { useRouter } from 'next/router'
-import { type FC, useCallback, useEffect } from 'react'
-
-import favicon192x192 from '../assets/favicon-192x192.png'
-import favicon512x512 from '../assets/favicon-512x512.png'
-
-const App: FC<AppProps> = ({ Component, pageProps }) => {
-  const router = useRouter()
-
-  const handleRouterChangeComplete = useCallback((url: string) => {
-    const trackingID = process.env.NEXT_PUBLIC_GA_TRACKING_ID
-
-    if (!trackingID) return
-
-    setTimeout(() => {
-      gtag('config', trackingID, {
-        page_location: url,
-        page_title: document.title
-      })
-    }, 0)
-  }, [])
-
-  useEffect(() => {
-    router.events.on('routeChangeComplete', handleRouterChangeComplete)
-
-    return () => {
-      router.events.off('routeChangeComplete', handleRouterChangeComplete)
-    }
-  }, [router.events, handleRouterChangeComplete])
-
-  return (
-    <>
-      <Head>
-        <link
-          href={favicon192x192.src}
-          rel="icon"
-          sizes={`${favicon192x192.width}x${favicon192x192.height}`}
-          type="image/png"
-        />
-        <link
-          href={favicon512x512.src}
-          rel="icon"
-          sizes={`${favicon512x512.width}x${favicon512x512.height}`}
-          type="image/png"
-        />
-        <link
-          href={favicon192x192.src}
-          rel="apple-touch-icon"
-          sizes={`${favicon192x192.width}x${favicon192x192.height}`}
-          type="image/png"
-        />
-      </Head>
-
-      <Component {...pageProps} />
-    </>
-  )
-}
-
-export default App
diff --git a/pages/_document.tsx b/pages/_document.tsx
deleted file mode 100644
index 41104c64..00000000
--- a/pages/_document.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import Document, {
-  type DocumentContext,
-  type DocumentInitialProps,
-  type DocumentProps,
-  Head,
-  Html,
-  Main,
-  NextScript
-} from 'next/document'
-import { ServerStyleSheet } from 'styled-components'
-
-const MyDocument = (props: DocumentProps): JSX.Element => {
-  return (
-    <Html>
-      <Head prefix="og: https://ogp.me/ns#">
-        {props.locale === 'ja' && (
-          <link
-            href="https://fonts.googleapis.com/css?family=Noto+Sans+JP:700,900&amp;display=optional"
-            rel="stylesheet"
-          />
-        )}
-        <link
-          href="https://fonts.googleapis.com/css?family=Material+Icons&amp;display=swap"
-          rel="stylesheet"
-        />
-        <link href="/manifest.webmanifest" rel="manifest" />
-        {process.env.NEXT_PUBLIC_GA_TRACKING_ID && (
-          <>
-            <script
-              async
-              src={`https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_GA_TRACKING_ID}`}
-            />
-            <script
-              dangerouslySetInnerHTML={{
-                __html: `window.dataLayer = window.dataLayer || [];
-function gtag(){dataLayer.push(arguments);}
-gtag('js', new Date());
-gtag('config', '${process.env.NEXT_PUBLIC_GA_TRACKING_ID}');`
-              }}
-            />
-          </>
-        )}
-      </Head>
-      <body>
-        <Main />
-
-        <NextScript />
-      </body>
-    </Html>
-  )
-}
-
-MyDocument.getInitialProps = async (
-  ctx: DocumentContext
-): Promise<DocumentInitialProps> => {
-  const sheet = new ServerStyleSheet()
-  let initialProps: DocumentInitialProps
-
-  try {
-    initialProps = await Document.getInitialProps({
-      ...ctx,
-      renderPage: () =>
-        ctx.renderPage({
-          enhanceApp: (App) =>
-            function EnhancedApp(props) {
-              return sheet.collectStyles(<App {...props} />)
-            }
-        })
-    })
-    initialProps.styles = [initialProps.styles, sheet.getStyleElement()]
-  } catch {
-    initialProps = await Document.getInitialProps(ctx)
-  } finally {
-    sheet.seal()
-  }
-
-  return initialProps
-}
-
-export default MyDocument
diff --git a/pages/index.tsx b/pages/index.tsx
deleted file mode 100644
index 6e7fc81f..00000000
--- a/pages/index.tsx
+++ /dev/null
@@ -1,179 +0,0 @@
-import Link from 'next/link'
-import styled from 'styled-components'
-
-import Header from '../components/header'
-import Layout from '../components/layout'
-import Message from '../components/message'
-import SEO from '../components/seo'
-
-const Content = styled.main`
-  padding-top: 30px;
-`
-
-const Title = styled.h1`
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  font-size: 10vw;
-  font-weight: inherit;
-  justify-content: center;
-  letter-spacing: 0.038rem;
-  line-height: 1.4;
-  margin: -8px 0 0;
-
-  span {
-    display: block;
-  }
-
-  span:first-of-type {
-    font-size: 2rem;
-  }
-
-  @media (min-width: 500px) {
-    font-size: 4.6rem;
-
-    span:first-of-type {
-      font-size: 2.4rem;
-    }
-  }
-`
-
-const Description = styled.p`
-  font-size: 1.3rem;
-  letter-spacing: 0.04rem;
-  line-height: 1.7;
-  margin: 20px 0 0;
-  text-align: center;
-
-  @media (min-width: 500px) {
-    font-size: 1.6rem;
-    line-height: 1.8;
-    margin-top: 30px;
-  }
-`
-
-const Intro = styled.p`
-  font-size: 1.5rem;
-  font-weight: 900;
-  letter-spacing: 0.04rem;
-  margin: 22px 0 0;
-  text-align: center;
-
-  @media (min-width: 500px) {
-    font-size: 1.8rem;
-    margin-top: 24px;
-  }
-`
-
-const Button = styled(Link)`
-  align-items: center;
-  background-color: #0588f7;
-  border: solid #000 4px;
-  border-radius: 28px;
-  box-sizing: border-box;
-  color: #fff;
-  display: flex;
-  font-size: 1.8rem;
-  height: 56px;
-  justify-content: center;
-  margin: 10px auto 0;
-  max-width: 380px;
-  text-decoration: none;
-  width: 80%;
-
-  @media (min-width: 500px) {
-    border-radius: 36px;
-    font-size: 2.4rem;
-    height: 72px;
-  }
-`
-
-const Disclaimer = styled.p`
-  font-size: 1.1rem;
-  font-weight: 700;
-  margin: 25px auto 0;
-  padding: 0 25px;
-
-  a {
-    color: #14b9ff;
-    text-decoration: none;
-    transition: color 0.5s;
-  }
-
-  a:hover {
-    color: #0588f7;
-  }
-`
-
-export default function IndexPage(): JSX.Element {
-  return (
-    <Layout>
-      <SEO pathname="/" />
-
-      <Header />
-
-      <Content>
-        <Message>
-          <Title>
-            <span>アナタの</span>
-            <span>オタクタイプ診断</span>
-          </Title>
-          <Description>
-            アナタの隠されたオタクタイプを徹底診断!
-            <br />
-            アナタにマッチするVTuberの、
-            <br />
-            オススメ動画も…?
-          </Description>
-
-          <Intro>アナタはどんなオタクタイプ?</Intro>
-          <Button href="/questions" role="button">
-            診断スタート!
-          </Button>
-
-          <Disclaimer>
-            ※このサービスは
-            <a
-              href="https://www.live.iriam.com/company"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              株式会社IRIAM
-            </a>
-            が提供するアプリである『
-            <a
-              href="https://www.live.iriam.com/"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              IRIAM
-            </a>
-            』 の関連サービスとして公開されていた『あなたのオタクタイプ診断 by
-            IRIAM』をオリジナルとして、
-            <a
-              href="https://www.774.ai/"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              774 inc.
-            </a>{' '}
-            が運営しているバーチャルYouTuberグループ『有閑喫茶
-            あにまーれ』をモチーフにして株式会社IRIAMや774 inc.
-            とは一切関係のない
-            <a
-              href="https://haneru.dev/"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              Haneru Developers
-            </a>
-            によって開発と運営が行われている非公式のサービスになります。
-            <br />
-            このサービスに関するお問い合わせをHaneru
-            Developers以外の団体や個人に対して行うのはお止めください。
-          </Disclaimer>
-        </Message>
-      </Content>
-    </Layout>
-  )
-}
diff --git a/pages/list.tsx b/pages/list.tsx
deleted file mode 100644
index 9a535aa1..00000000
--- a/pages/list.tsx
+++ /dev/null
@@ -1,144 +0,0 @@
-import { format } from 'date-fns'
-import { type GetStaticProps } from 'next'
-import { MDXRemote } from 'next-mdx-remote'
-import { type FC } from 'react'
-import styled from 'styled-components'
-
-import Header from '../components/header'
-import Layout from '../components/layout'
-import Message from '../components/message'
-import SEO from '../components/seo'
-import { type Release, getAllReleases } from '../lib/releases'
-
-const Content = styled.main`
-  padding-top: 30px;
-`
-
-const Section = styled.section`
-  box-sizing: border-box;
-  padding: 30px 0 0;
-  margin: 30px 24px 0;
-
-  :first-of-type {
-    border-top: none;
-    margin-top: 0;
-    padding-top: 0;
-  }
-
-  @media (min-width: 500px) {
-    border-top: solid #ececec 2px;
-    margin: 50px auto 0;
-    max-width: 500px;
-    padding: 50px 24px 0;
-    width: 100%;
-  }
-`
-
-const Title = styled.h2`
-  color: #0588f7;
-  font-size: 2.8rem;
-  font-weight: 900;
-  letter-spacing: 0.04rem;
-  line-height: 1.4;
-  margin: 0 0 6px;
-
-  @media (min-width: 500px) {
-    font-size: 3.6rem;
-    margin-bottom: 12px;
-  }
-`
-
-const Time = styled.time`
-  display: block;
-  font-size: 1.3rem;
-  line-height: 1;
-
-  @media (min-width: 500px) {
-    font-size: 1.4rem;
-  }
-`
-
-const SectionBody = styled.div`
-  p {
-    font-size: 1.4rem;
-    line-height: 1.6;
-  }
-
-  ul {
-    display: flex;
-    flex-wrap: wrap;
-    list-style: none;
-    margin: 12px 0 0;
-    padding: 0;
-  }
-
-  li {
-    align-items: center;
-    display: flex;
-    font-size: 1.5rem;
-    margin: 0;
-    padding: 0;
-    width: 50%;
-  }
-
-  li::before {
-    color: #0588f7;
-    content: 'arrow_right';
-    display: block;
-    font-family: Material Icons;
-    font-size: 2rem;
-    margin-left: -5px;
-  }
-
-  @media (min-width: 500px) {
-    ul {
-      margin-top: 18px;
-    }
-  }
-`
-
-type Props = {
-  releases: Release[]
-}
-
-const List: FC<Props> = ({ releases }) => {
-  return (
-    <Layout>
-      <SEO title="お知らせ" />
-
-      <Header />
-
-      <Content>
-        <Message>
-          {releases.map((release) => {
-            return (
-              <Section key={release.slug}>
-                <Time dateTime={release.date}>
-                  {format(new Date(release.date), 'yyyy.MM.dd')}
-                </Time>
-                <Title>{release.title}</Title>
-
-                <SectionBody>
-                  <MDXRemote {...release.contentSource} />
-                </SectionBody>
-              </Section>
-            )
-          })}
-        </Message>
-      </Content>
-    </Layout>
-  )
-}
-
-export default List
-
-export const getStaticProps: GetStaticProps<Props> = async () => {
-  const releases = await getAllReleases()
-
-  return {
-    props: {
-      releases
-    },
-    revalidate: 600
-  }
-}
diff --git a/pages/questions.tsx b/pages/questions.tsx
deleted file mode 100644
index 64d0ea36..00000000
--- a/pages/questions.tsx
+++ /dev/null
@@ -1,334 +0,0 @@
-import Head from 'next/head'
-import { useRouter } from 'next/router'
-import { useCallback, useState } from 'react'
-import styled, { keyframes } from 'styled-components'
-
-import Layout from '../components/layout'
-import ProgressBar from '../components/progress-bar'
-import SEO from '../components/seo'
-import { getAnalysisResultIDs, getQuestions } from '../lib/analysis'
-
-import type { Question } from '../lib/analysis'
-import type { GetStaticProps, NextPage } from 'next'
-
-const Container = styled.section`
-  box-sizing: border-box;
-  padding: 28px 0 200px;
-
-  @media (min-width: 500px) {
-    margin: 0 auto;
-    max-width: 500px;
-    padding-left: 20px;
-    padding-right: 20px;
-  }
-`
-
-const Header = styled.header`
-  align-items: center;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  min-height: 164px;
-
-  @media (min-width: 500px) {
-    min-height: 195px;
-  }
-`
-
-const Title = styled.h2`
-  color: #fff;
-  font-size: 2.4rem;
-  font-weight: 900;
-  letter-spacing: 0.04rem;
-  line-height: 1.5;
-  margin: 16px 0 0;
-  padding: 0 8px;
-
-  @media (min-width: 500px) {
-    font-size: 3rem;
-  }
-`
-
-const Number = styled.h3`
-  align-items: center;
-  background-color: #fbc02d;
-  border-radius: 22px;
-  box-sizing: border-box;
-  color: #fff;
-  display: flex;
-  font-size: 2.2rem;
-  font-weight: 900;
-  height: 40px;
-  justify-content: center;
-  letter-spacing: 0.16rem;
-  margin: 0;
-  padding-bottom: 5px;
-  text-shadow: 0 0 4px rgba(0, 0, 0, 0.04);
-  width: 80px;
-`
-
-const CounterContainer = styled.div`
-  padding: 0 6px;
-`
-
-const Counter = styled.p`
-  color: #fff;
-  height: 40px;
-  font-size: 1rem;
-  font-weight: 900;
-  line-height: 36px;
-  margin: -2px 0 2px;
-  text-align: right;
-
-  mark {
-    color: #fff263;
-    background-color: transparent;
-    font-size: 2rem;
-    margin-right: 1px;
-  }
-
-  mark.last {
-    font-size: 1.3rem;
-  }
-`
-
-const Content = styled.div`
-  overflow-x: hidden;
-`
-
-const AnswerContainer = styled.div`
-  display: flex;
-  flex-direction: row;
-  transition: transform 0.3s ease;
-`
-
-type AnswerListProps = {
-  hide?: boolean
-}
-
-const AnswerList = styled.div<AnswerListProps>`
-  backface-visibility: hidden;
-  box-sizing: border-box;
-  flex-basis: 100%;
-  flex-grow: 0;
-  flex-shrink: 0;
-  margin: 20px 0 0;
-  opacity: ${(props) => (props.hide ? 0 : 1)};
-  padding: 0 5px;
-  transition: opacity 0.4s linear;
-`
-
-const Answer = styled.button`
-  align-items: center;
-  background-color: #fff;
-  border: solid #000 3px;
-  border-radius: 16px;
-  box-sizing: border-box;
-  display: flex;
-  font-size: 1.6rem;
-  font-weight: 700;
-  justify-content: flex-start;
-  line-height: 1.4;
-  min-height: 70px;
-  padding: 0 20px;
-  width: 100%;
-
-  :not(:first-of-type) {
-    margin-top: 10px;
-  }
-
-  @media (min-width: 500px) {
-    font-size: 2rem;
-    line-height: 1.6;
-    min-height: 86px;
-  }
-`
-
-const PrevButton = styled.button<{ hide: boolean }>`
-  align-items: center;
-  background-color: #fff;
-  border: 3px solid #0588f7;
-  border-radius: 22px;
-  color: #0588f7;
-  display: flex;
-  font-family: inherit;
-  font-size: 1.3rem;
-  font-weight: 700;
-  height: 44px;
-  justify-content: center;
-  margin: 20px 0 0 4px;
-  opacity: ${(props): number => (props.hide ? 0 : 1)};
-  outline: 0;
-  transition: opacity ease-in 0.2s;
-  width: 140px;
-
-  @media (min-width: 500px) {
-    font-size: 1.5rem;
-  }
-
-  ::before {
-    content: 'keyboard_arrow_left';
-    display: inline-block;
-    font-family: Material Icons;
-    font-size: 24px;
-    font-weight: normal;
-    line-height: 1;
-    margin-left: -9px;
-  }
-`
-
-const loading = keyframes`
-  0% {
-    content: '';
-  }
-
-  25% {
-    content: '.';
-  }
-
-  50% {
-    content: '..';
-  }
-
-  75% {
-    content: '...';
-  }
-
-  100% {
-    content: '';
-  }
-`
-
-type NowAnalysingProps = {
-  show?: boolean
-}
-
-const NowAnalysing = styled.div<NowAnalysingProps>`
-  align-items: center;
-  background-color: rgba(0, 0, 0, 0.5);
-  bottom: 0;
-  color: #fff;
-  display: ${(props) => (props.show ? 'flex' : 'none')};
-  font-size: 2rem;
-  font-weight: 900;
-  height: 100%;
-  justify-content: center;
-  left: 0;
-  position: fixed;
-  right: 0;
-  top: 0;
-
-  p::after {
-    animation: ${loading} 1s infinite;
-    content: '';
-    display: inline-block;
-    margin: 0 0 0 2px;
-    position: absolute;
-  }
-`
-
-type Props = {
-  questions: Question[]
-  results: string[]
-}
-
-const Questions: NextPage<Props> = ({ questions, results }) => {
-  const [count, setCount] = useState(0)
-  const [analysing, setAnalysing] = useState(false)
-  const router = useRouter()
-
-  const handleAnswer = useCallback(() => {
-    if (count < questions.length - 1) {
-      setCount((count) => count + 1)
-    } else {
-      setAnalysing(true)
-
-      const slug = results[Math.floor(Math.random() * results.length)]
-
-      setTimeout(() => {
-        void router.push(`/s/${slug}`)
-      }, 1_500)
-    }
-  }, [count, questions.length, results, router])
-
-  const handlePrev = useCallback(() => {
-    setCount((count) => count - 1)
-  }, [])
-
-  return (
-    <Layout>
-      <Head>
-        <meta content="noindex,follow" name="robots" />
-      </Head>
-
-      <SEO title="診断中..." />
-
-      <Container>
-        <Header>
-          <Number>{`Q${count + 1}`}</Number>
-          <Title>{questions[count].title}</Title>
-        </Header>
-
-        <CounterContainer>
-          <Counter>
-            {count < questions.length - 1 ? (
-              <>
-                残り
-                <mark>{questions.length - count}</mark>問
-              </>
-            ) : (
-              <mark className="last">ラスト</mark>
-            )}
-          </Counter>
-          <ProgressBar max={questions.length} value={count + 1} />
-        </CounterContainer>
-
-        <Content>
-          <AnswerContainer
-            style={{ transform: `translateX(-${100 * count}%)` }}
-          >
-            {questions.map((question, i) => (
-              <AnswerList
-                aria-hidden={count !== i ? 'true' : undefined}
-                hide={count !== i}
-                key={question.title}
-              >
-                {question.answers.map((answer, i) => (
-                  <Answer key={`answer-${i}`} onClick={handleAnswer}>
-                    {answer}
-                  </Answer>
-                ))}
-              </AnswerList>
-            ))}
-          </AnswerContainer>
-        </Content>
-
-        <PrevButton hide={count < 1} onClick={handlePrev} type="button">
-          1つ前に戻る
-        </PrevButton>
-      </Container>
-
-      <NowAnalysing show={analysing}>
-        <p>あなたのオタクタイプを分析中</p>
-      </NowAnalysing>
-    </Layout>
-  )
-}
-
-export default Questions
-
-export const getStaticProps: GetStaticProps<Props> = async () => {
-  const [questions, results] = await Promise.all([
-    getQuestions(),
-    getAnalysisResultIDs()
-  ])
-
-  return {
-    props: {
-      questions,
-      results
-    },
-    revalidate: 30
-  }
-}
diff --git a/pages/s/[slug].tsx b/pages/s/[slug].tsx
deleted file mode 100644
index 76759c2d..00000000
--- a/pages/s/[slug].tsx
+++ /dev/null
@@ -1,583 +0,0 @@
-import { type GetStaticPaths, type GetStaticProps } from 'next'
-import Link from 'next/link'
-import { useEffect, useState } from 'react'
-import styled from 'styled-components'
-
-import nanashiAvatar from '../../assets/avatar.svg'
-import Avatar from '../../components/avatar'
-import Graph from '../../components/graph'
-import Layout from '../../components/layout'
-import MessageWindow from '../../components/message-window'
-import SEO from '../../components/seo'
-import {
-  type Result,
-  getAnalysisResult,
-  getAnalysisResultIDs
-} from '../../lib/analysis'
-import { createTweetURL } from '../../lib/share'
-import pkg from '../../package.json'
-
-function createYouTubeEmbedURL(url: string): string {
-  const { pathname, searchParams } = new URL(url)
-
-  let id: string | null = null
-
-  if (pathname === '/watch' && searchParams.has('id')) {
-    id = searchParams.get('v')
-  } else {
-    id = pathname.slice(1)
-  }
-
-  if (!id) {
-    throw new TypeError('An invalid URL was given as an argument.')
-  }
-
-  return `https://www.youtube.com/embed/${id}`
-}
-
-const Content = styled.main`
-  box-sizing: border-box;
-  padding: 20px 0 30px;
-  width: 100%;
-
-  @media (min-width: 500px) {
-    margin: 0 auto;
-    max-width: 500px;
-    padding: 24px 20px 30px;
-  }
-`
-
-const Title = styled.h1`
-  color: #fff;
-  font-size: 2rem;
-  font-weight: 900;
-  letter-spacing: 0.08rem;
-  margin: 0;
-  padding: 8px;
-  text-align: center;
-
-  @media (min-width: 500px) {
-    font-size: 2.4rem;
-    padding: 0 0 24px;
-  }
-`
-
-const MessageBox = styled(MessageWindow)`
-  padding: 20px;
-
-  @media (min-width: 500px) {
-    padding: 40px;
-  }
-`
-
-const MessageTitle = styled.h2`
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  font-size: 1.8rem;
-  font-weight: 700;
-  justify-content: center;
-  margin: 0;
-
-  span {
-    display: block;
-  }
-
-  span:first-of-type {
-    font-size: 1.6rem;
-    font-weight: 700;
-    line-height: 1;
-    margin: 4px 0 4px 2px;
-  }
-
-  mark {
-    background-color: transparent;
-    background-image: linear-gradient(transparent 80%, #fff263 80%);
-    font-size: 1.8rem;
-    font-weight: 900;
-  }
-
-  span:first-of-type mark {
-    margin-right: 2px;
-  }
-
-  span:last-of-type mark {
-    display: inline-block;
-    font-size: 3.6rem;
-    height: 46px;
-    letter-spacing: 0.08rem;
-    line-height: 1.4;
-  }
-
-  @media (min-width: 500px) {
-    font-size: 2.2rem;
-  }
-`
-
-const Evaluation = styled.div`
-  display: flex;
-  margin: 20px 0 0;
-`
-
-const EvaluationAvatar = styled.figure`
-  margin: 2px 0 0;
-`
-
-const EvaluationCaption = styled.figcaption`
-  color: #000;
-  font-size: 1.1rem;
-  font-weight: 700;
-  line-height: 1.2;
-  margin-top: 4px;
-  text-align: center;
-`
-
-const EvaluationComment = styled.p`
-  background-color: #ececec;
-  border-radius: 10px;
-  flex: 1;
-  margin: 8px 0 0 16px;
-  padding: 10px;
-  position: relative;
-
-  ::after {
-    border-color: transparent #ececec transparent transparent;
-    border-style: solid;
-    border-width: 7px 10px 7px 0;
-    content: '';
-    display: block;
-    height: 0;
-    left: -10px;
-    position: absolute;
-    top: 16px;
-    width: 0;
-  }
-
-  @media (min-width: 500px) {
-    margin-top: 20px;
-  }
-`
-
-const ShareButton = styled.a`
-  align-items: center;
-  background-color: #55acee;
-  border-radius: 28px;
-  box-sizing: border-box;
-  color: #fff;
-  display: flex;
-  font-size: 1.6rem;
-  height: 56px;
-  justify-content: center;
-  margin: 40px auto 0;
-  text-decoration: none;
-  width: 100%;
-
-  @media (min-width: 500px) {
-    font-size: 1.8rem;
-    width: 320px;
-  }
-`
-
-const RetryButton = styled(Link)`
-  align-items: center;
-  background-color: #fff;
-  border: solid #ececec 3px;
-  border-radius: 28px;
-  box-sizing: border-box;
-  color: #505050;
-  display: flex;
-  font-size: 1.6rem;
-  height: 56px;
-  justify-content: center;
-  margin: 12px auto 0;
-  text-decoration: none;
-  width: 100%;
-
-  @media (min-width: 500px) {
-    font-size: 1.8rem;
-    width: 320px;
-  }
-`
-
-const Button = styled(Link)`
-  align-items: center;
-  background-color: #fff;
-  border: solid #14b9ff 4px;
-  border-radius: 28px;
-  box-sizing: border-box;
-  color: #14b9ff;
-  display: flex;
-  height: 56px;
-  justify-content: center;
-  margin: 40px auto 0;
-  max-width: 416px;
-  text-decoration: none;
-  width: 100%;
-`
-
-const SubTitle = styled.h2`
-  color: #fff;
-  font-size: 2.4rem;
-  font-weight: 900;
-  letter-spacing: 0.08rem;
-  line-height: 1.4;
-  margin: 44px auto 8px;
-  padding: 0 8px;
-
-  @media (min-width: 500px) {
-    font-size: 3.6rem;
-    margin-top: 64px;
-  }
-`
-
-const DetailTitle = styled.h2`
-  color: #fff;
-  font-size: 1.4rem;
-  margin: 24px 0 0;
-  text-align: center;
-
-  @media (min-width: 500px) {
-    font-size: 2rem;
-  }
-`
-
-const DetailContent = styled.div`
-  margin: 0 auto;
-
-  @media (min-width: 500px) {
-    width: 375px;
-  }
-`
-
-const Profile = styled.header`
-  background-color: #fff;
-  border-radius: 20px 20px 0 0;
-  padding: 12px;
-`
-
-const Catchphrase = styled.p`
-  color: #595959;
-  font-size: 1rem;
-  line-height: 1.4;
-  margin: 0;
-  text-align: center;
-`
-
-const ProfileName = styled.h3`
-  color: #0588f7;
-  margin: 0;
-  font-size: 2.4rem;
-  font-weight: 900;
-  line-height: 1.6;
-  text-align: center;
-
-  a {
-    color: inherit;
-    display: block;
-    text-decoration: none;
-  }
-`
-
-const Movie = styled.div`
-  border-radius: 0 0 20px 20px;
-  overflow: hidden;
-  padding-top: 56.25%;
-  position: relative;
-  width: 100%;
-  z-index: 1;
-
-  iframe {
-    height: 100%;
-    position: absolute;
-    right: 0;
-    top: 0;
-    width: 100%;
-  }
-`
-
-const Headline = styled.h4`
-  color: #fff;
-  font-size: 1.8rem;
-  font-weight: 900;
-  line-height: 1.6;
-  margin: 20px 0 0;
-  text-align: center;
-
-  @media (min-width: 500px) {
-    font-size: 2.8rem;
-  }
-`
-
-const DetailButton = styled.a`
-  align-items: center;
-  background-color: #fbc02d;
-  border-radius: 32px;
-  box-sizing: border-box;
-  color: #fff;
-  display: flex;
-  font-size: 1.8rem;
-  font-weight: 900;
-  height: 64px;
-  justify-content: center;
-  line-height: 1.4;
-  margin: 12px auto 0;
-  max-width: 380px;
-  padding: 0 20px;
-  text-decoration: none;
-  width: 100%;
-
-  @media (min-width: 500px) {
-    border-radius: 36px;
-    font-size: 2.2rem;
-    height: 72px;
-  }
-`
-
-const Footer = styled.div`
-  padding-top: 38px;
-`
-
-const Message = styled(MessageWindow)`
-  margin-left: auto;
-  margin-right: auto;
-  max-width: 416px;
-  width: 100%;
-`
-
-const MessageParagraph = styled.p`
-  font-size: 1.7rem;
-  font-weight: 900;
-  line-height: 1.6;
-  margin: 16px 20px 0;
-  text-align: center;
-`
-
-const MessageButton = styled.a`
-  align-items: center;
-  background-color: #0588f7;
-  border-radius: 28px;
-  box-sizing: border-box;
-  color: #fff;
-  display: flex;
-  font-size: 1.6rem;
-  height: 56px;
-  justify-content: center;
-  margin: 12px 20px 20px;
-  text-decoration: none;
-
-  ::after {
-    content: 'launch';
-    display: inline-block;
-    font-family: Material Icons;
-    font-size: 1.8rem;
-    font-weight: normal;
-    line-height: 1;
-    margin-left: 4px;
-  }
-`
-
-type Props = {
-  result: Result
-}
-
-export default function AnalysisResult({ result }: Props): JSX.Element {
-  const [isShared, setIsShared] = useState(true)
-
-  useEffect(() => {
-    const queryString =
-      (typeof location !== 'undefined' && location.search) || ''
-
-    setIsShared(queryString.indexOf('s=true') < 1)
-  }, [])
-
-  const path = `/s/${result.slug}?s=true`
-  const url = new URL(path, pkg.homepage).toString()
-
-  return (
-    <Layout>
-      <SEO
-        image={`/images/results/${result.slug}.png`}
-        pathname={path}
-        title={`${result.talent.name}が選ばれました！`}
-      />
-
-      <Content>
-        <Title>オタクタイプ 診断結果</Title>
-
-        <MessageBox>
-          <MessageTitle>
-            <span>
-              アナタは
-              <mark>{result.type}</mark>
-              系の
-            </span>
-            <span>
-              <mark>{result.attribute}</mark>
-              好きです!
-            </span>
-          </MessageTitle>
-
-          <Evaluation>
-            <EvaluationAvatar>
-              <Avatar src={nanashiAvatar.src} />
-              <EvaluationCaption>黒猫 ななし</EvaluationCaption>
-            </EvaluationAvatar>
-
-            <EvaluationComment>あにまーれは仲良しです♩</EvaluationComment>
-          </Evaluation>
-
-          {isShared && (
-            <>
-              <ShareButton
-                href={createTweetURL(
-                  url,
-                  `アナタは${result.type}系【${result.attribute}好き】です！\n`
-                )}
-                rel="noopener noreferrer"
-                role="button"
-                target="_blank"
-              >
-                診断結果をツイートする
-              </ShareButton>
-              <RetryButton href="/" role="button">
-                もう一度診断する
-              </RetryButton>
-            </>
-          )}
-
-          <Graph parameters={result.parameters} title="オタクパラメーター" />
-        </MessageBox>
-
-        {!isShared && (
-          <Button href="/" role="button">
-            オタクタイプを診断してみる
-          </Button>
-        )}
-
-        <SubTitle>
-          総勢約8,000名のVTuberの中から【{result.type}
-          好き】のアナタにマッチするVTuberが選ばれました!
-        </SubTitle>
-
-        {(result.recommendedVideo || result.talent.youtube) && (
-          <section>
-            {result.recommendedVideo && (
-              <>
-                <DetailTitle>
-                  「{result.talent.name}」のおすすめ動画はこちら!
-                </DetailTitle>
-
-                <DetailContent>
-                  <Profile>
-                    <Catchphrase>{result.catchphrase}</Catchphrase>
-                    <ProfileName>
-                      {result.talent.twitter ? (
-                        <a
-                          href={`https://twitter.com/${result.talent.twitter}`}
-                          rel="noopener noreferrer"
-                          target="_blank"
-                        >
-                          {result.talent.name}
-                        </a>
-                      ) : (
-                        result.talent.name
-                      )}
-                    </ProfileName>
-                  </Profile>
-                  <div>
-                    <Movie>
-                      <iframe
-                        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
-                        allowFullScreen
-                        frameBorder={0}
-                        height={315}
-                        src={createYouTubeEmbedURL(result.recommendedVideo.url)}
-                        width={560}
-                      ></iframe>
-                    </Movie>
-                  </div>
-                </DetailContent>
-              </>
-            )}
-
-            {result.talent.youtube && (
-              <>
-                <Headline>
-                  YouTubeにアクセスして、
-                  <br />「{result.talent.name}」と会話しよう!
-                </Headline>
-
-                <DetailButton
-                  href={`https://www.youtube.com/channel/${result.talent.youtube}`}
-                  rel="noopener noreferrer"
-                  role="button"
-                  target="_blank"
-                >
-                  このVTuberに会いに行く!
-                </DetailButton>
-              </>
-            )}
-          </section>
-        )}
-
-        <Footer>
-          <Message>
-            <MessageParagraph>
-              その他のVTuberや詳しい情報は
-              <br />
-              YouTubeをチェックしてみてね！
-            </MessageParagraph>
-
-            <MessageButton
-              href="https://www.youtube.com/"
-              rel="noreferrer noopener"
-              role="button"
-              target="_blank"
-            >
-              YouTube公式ウェブサイト
-            </MessageButton>
-          </Message>
-
-          <Button href="/" role="button">
-            オタクタイプを診断してみる
-          </Button>
-        </Footer>
-      </Content>
-    </Layout>
-  )
-}
-
-type Params = {
-  slug: string
-}
-
-export const getStaticProps: GetStaticProps<Props, Params> = async ({
-  params
-}) => {
-  if (params?.slug) {
-    const result = await getAnalysisResult(params.slug)
-
-    if (result) {
-      return {
-        props: {
-          result
-        },
-        revalidate: 30
-      }
-    }
-  }
-
-  return {
-    notFound: true,
-    revalidate: 5
-  }
-}
-
-export const getStaticPaths: GetStaticPaths<Params> = async () => {
-  const results = await getAnalysisResultIDs()
-
-  return {
-    fallback: 'blocking',
-    paths: results.map((slug) => `/s/${slug}`)
-  }
-}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3584b195..913625cf 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -3,16 +3,25 @@ lockfileVersion: '6.0'
 dependencies:
   '@octokit/rest':
     specifier: ^19.0.7
-    version: 19.0.7
+    version: 19.0.7(encoding@0.1.13)
   '@prisma/client':
-    specifier: ^4.14.0
-    version: 4.14.0(prisma@4.14.0)
+    specifier: ^4.13.0
+    version: 4.13.0(prisma@4.14.0)
+  '@radix-ui/react-portal':
+    specifier: ^1.0.2
+    version: 1.0.2(react-dom@18.2.0)(react@18.2.0)
+  '@vercel/analytics':
+    specifier: ^1.0.1
+    version: 1.0.1
+  clsx:
+    specifier: ^1.2.1
+    version: 1.2.1
   date-fns:
     specifier: ^2.30.0
     version: 2.30.0
   next:
     specifier: ^13.4.1
-    version: 13.4.1(@babel/core@7.21.8)(react-dom@18.2.0)(react@18.2.0)
+    version: 13.4.1(@babel/core@7.21.5)(react-dom@18.2.0)(react@18.2.0)
   next-mdx-remote:
     specifier: ^4.4.1
     version: 4.4.1(react-dom@18.2.0)(react@18.2.0)
@@ -57,6 +66,9 @@ devDependencies:
   babel-plugin-styled-components:
     specifier: ^2.1.1
     version: 2.1.1(styled-components@5.3.10)
+  encoding:
+    specifier: ^0.1.13
+    version: 0.1.13
   eslint:
     specifier: ^8.40.0
     version: 8.40.0
@@ -68,7 +80,7 @@ devDependencies:
     version: 8.8.0(eslint@8.40.0)
   next-pwa:
     specifier: ^5.6.0
-    version: 5.6.0(@babel/core@7.21.8)(next@13.4.1)(webpack@5.82.0)
+    version: 5.6.0(@babel/core@7.21.5)(next@13.4.1)(webpack@5.81.0)
   prettier:
     specifier: ~2.8.8
     version: 2.8.8
@@ -110,17 +122,17 @@ packages:
     resolution: {integrity: sha512-KYMqFYTaenzMK4yUtf4EW9wc4N9ef80FsbMtkwool5zpwl4YrT1SdWYSTRcT94KO4hannogdS+LxY7L+arP3gA==}
     engines: {node: '>=6.9.0'}
 
-  /@babel/core@7.21.8:
-    resolution: {integrity: sha512-YeM22Sondbo523Sz0+CirSPnbj9bG3P0CdHcBZdqUuaeOaYEFbOLoGU7lebvGP6P5J/WE9wOn7u7C4J9HvS1xQ==}
+  /@babel/core@7.21.5:
+    resolution: {integrity: sha512-9M398B/QH5DlfCOTKDZT1ozXr0x8uBEeFd+dJraGUZGiaNpGCDVGCc14hZexsMblw3XxltJ+6kSvogp9J+5a9g==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@ampproject/remapping': 2.2.1
       '@babel/code-frame': 7.21.4
       '@babel/generator': 7.21.5
-      '@babel/helper-compilation-targets': 7.21.5(@babel/core@7.21.8)
+      '@babel/helper-compilation-targets': 7.21.5(@babel/core@7.21.5)
       '@babel/helper-module-transforms': 7.21.5
       '@babel/helpers': 7.21.5
-      '@babel/parser': 7.21.8
+      '@babel/parser': 7.21.5
       '@babel/template': 7.20.7
       '@babel/traverse': 7.21.5(supports-color@5.5.0)
       '@babel/types': 7.21.5
@@ -154,26 +166,26 @@ packages:
       '@babel/types': 7.21.5
     dev: true
 
-  /@babel/helper-compilation-targets@7.21.5(@babel/core@7.21.8):
+  /@babel/helper-compilation-targets@7.21.5(@babel/core@7.21.5):
     resolution: {integrity: sha512-1RkbFGUKex4lvsB9yhIfWltJM5cZKUftB2eNajaDv3dCMEp49iBG0K14uH8NnX9IPux2+mK7JGEOB0jn48/J6w==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
       '@babel/compat-data': 7.21.7
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-validator-option': 7.21.0
       browserslist: 4.21.5
       lru-cache: 5.1.1
       semver: 6.3.0
 
-  /@babel/helper-create-class-features-plugin@7.21.8(@babel/core@7.21.8):
-    resolution: {integrity: sha512-+THiN8MqiH2AczyuZrnrKL6cAxFRRQDKW9h1YkBvbgKmAm6mwiacig1qT73DHIWMGo40GRnsEfN3LA+E6NtmSw==}
+  /@babel/helper-create-class-features-plugin@7.21.5(@babel/core@7.21.5):
+    resolution: {integrity: sha512-yNSEck9SuDvPTEUYm4BSXl6ZVC7yO5ZLEMAhG3v3zi7RDxyL/nQDemWWZmw4L0stPWwhpnznRRyJHPRcbXR2jw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-annotate-as-pure': 7.18.6
       '@babel/helper-environment-visitor': 7.21.5
       '@babel/helper-function-name': 7.21.0
@@ -187,25 +199,25 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/helper-create-regexp-features-plugin@7.21.8(@babel/core@7.21.8):
-    resolution: {integrity: sha512-zGuSdedkFtsFHGbexAvNuipg1hbtitDLo2XE8/uf6Y9sOQV1xsYX/2pNbtedp/X0eU1pIt+kGvaqHCowkRbS5g==}
+  /@babel/helper-create-regexp-features-plugin@7.21.5(@babel/core@7.21.5):
+    resolution: {integrity: sha512-1+DPMcln46eNAta/rPIqQYXYRGvQ/LRy6bRKnSt9Dzt/yLjNUbbsh+6yzD6fUHmtzc9kWvVnAhtcMSMyziHmUA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-annotate-as-pure': 7.18.6
       regexpu-core: 5.3.2
       semver: 6.3.0
     dev: true
 
-  /@babel/helper-define-polyfill-provider@0.3.3(@babel/core@7.21.8):
+  /@babel/helper-define-polyfill-provider@0.3.3(@babel/core@7.21.5):
     resolution: {integrity: sha512-z5aQKU4IzbqCC1XH0nAqfsFLMVSo22SBKUc0BxGrLkolTdPTructy0ToNnlO2zA4j9Q/7pjMZf0DSY+DSTYzww==}
     peerDependencies:
       '@babel/core': ^7.4.0-0
     dependencies:
-      '@babel/core': 7.21.8
-      '@babel/helper-compilation-targets': 7.21.5(@babel/core@7.21.8)
+      '@babel/core': 7.21.5
+      '@babel/helper-compilation-targets': 7.21.5(@babel/core@7.21.5)
       '@babel/helper-plugin-utils': 7.21.5
       debug: 4.3.4(supports-color@5.5.0)
       lodash.debounce: 4.0.8
@@ -272,13 +284,13 @@ packages:
     engines: {node: '>=6.9.0'}
     dev: true
 
-  /@babel/helper-remap-async-to-generator@7.18.9(@babel/core@7.21.8):
+  /@babel/helper-remap-async-to-generator@7.18.9(@babel/core@7.21.5):
     resolution: {integrity: sha512-dI7q50YKd8BAv3VEfgg7PS7yD3Rtbi2J1XMXaalXO0W0164hYLnh8zpjRS0mte9MfVp/tltvr/cfdXPvJr1opA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-annotate-as-pure': 7.18.6
       '@babel/helper-environment-visitor': 7.21.5
       '@babel/helper-wrap-function': 7.20.5
@@ -362,420 +374,420 @@ packages:
       chalk: 2.4.2
       js-tokens: 4.0.0
 
-  /@babel/parser@7.21.8:
-    resolution: {integrity: sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==}
+  /@babel/parser@7.21.5:
+    resolution: {integrity: sha512-J+IxH2IsxV4HbnTrSWgMAQj0UEo61hDA4Ny8h8PCX0MLXiibqHbqIOVneqdocemSBc22VpBKxt4J6FQzy9HarQ==}
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
       '@babel/types': 7.21.5
 
-  /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-Dgxsyg54Fx1d4Nge8UnvTrED63vrwOdPmyvPzlNN/boaliRP54pm3pGzZD1SJUwrBA+Cs/xdG8kXX6Mn/RfISQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.20.7(@babel/core@7.21.8):
+  /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.20.7(@babel/core@7.21.5):
     resolution: {integrity: sha512-sbr9+wNE5aXMBBFBICk01tt7sBf2Oc9ikRFEcem/ZORup9IMUdNhW7/wVLEbbtlWOsEubJet46mHAL2C8+2jKQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.13.0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
       '@babel/helper-skip-transparent-expression-wrappers': 7.20.0
-      '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.21.8)
+      '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.21.5)
     dev: true
 
-  /@babel/plugin-proposal-async-generator-functions@7.20.7(@babel/core@7.21.8):
+  /@babel/plugin-proposal-async-generator-functions@7.20.7(@babel/core@7.21.5):
     resolution: {integrity: sha512-xMbiLsn/8RK7Wq7VeVytytS2L6qE69bXPB10YCmMdDZbKF4okCqY74pI/jJQ/8U0b/F6NrT2+14b8/P9/3AMGA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-environment-visitor': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
-      '@babel/helper-remap-async-to-generator': 7.18.9(@babel/core@7.21.8)
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.21.8)
+      '@babel/helper-remap-async-to-generator': 7.18.9(@babel/core@7.21.5)
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.21.5)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-class-properties@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-proposal-class-properties@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
-      '@babel/helper-create-class-features-plugin': 7.21.8(@babel/core@7.21.8)
+      '@babel/core': 7.21.5
+      '@babel/helper-create-class-features-plugin': 7.21.5(@babel/core@7.21.5)
       '@babel/helper-plugin-utils': 7.21.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-class-static-block@7.21.0(@babel/core@7.21.8):
+  /@babel/plugin-proposal-class-static-block@7.21.0(@babel/core@7.21.5):
     resolution: {integrity: sha512-XP5G9MWNUskFuP30IfFSEFB0Z6HzLIUcjYM4bYOPHXl7eiJ9HFv8tWj6TXTN5QODiEhDZAeI4hLok2iHFFV4hw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.12.0
     dependencies:
-      '@babel/core': 7.21.8
-      '@babel/helper-create-class-features-plugin': 7.21.8(@babel/core@7.21.8)
+      '@babel/core': 7.21.5
+      '@babel/helper-create-class-features-plugin': 7.21.5(@babel/core@7.21.5)
       '@babel/helper-plugin-utils': 7.21.5
-      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.21.8)
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.21.5)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-dynamic-import@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-proposal-dynamic-import@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-1auuwmK+Rz13SJj36R+jqFPMJWyKEDd7lLSdOj4oJK0UTgGueSAtkrCvz9ewmgyU/P941Rv2fQwZJN8s6QruXw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
-      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.21.8)
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.21.5)
     dev: true
 
-  /@babel/plugin-proposal-export-namespace-from@7.18.9(@babel/core@7.21.8):
+  /@babel/plugin-proposal-export-namespace-from@7.18.9(@babel/core@7.21.5):
     resolution: {integrity: sha512-k1NtHyOMvlDDFeb9G5PhUXuGj8m/wiwojgQVEhJ/fsVsMCpLyOP4h0uGEjYJKrRI+EVPlb5Jk+Gt9P97lOGwtA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.21.8)
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.21.5)
     dev: true
 
-  /@babel/plugin-proposal-json-strings@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-proposal-json-strings@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-lr1peyn9kOdbYc0xr0OdHTZ5FMqS6Di+H0Fz2I/JwMzGmzJETNeOFq2pBySw6X/KFL5EWDjlJuMsUGRFb8fQgQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.21.8)
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.21.5)
     dev: true
 
-  /@babel/plugin-proposal-logical-assignment-operators@7.20.7(@babel/core@7.21.8):
+  /@babel/plugin-proposal-logical-assignment-operators@7.20.7(@babel/core@7.21.5):
     resolution: {integrity: sha512-y7C7cZgpMIjWlKE5T7eJwp+tnRYM89HmRvWM5EQuB5BoHEONjmQ8lSNmBUwOyy/GFRsohJED51YBF79hE1djug==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.21.8)
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.21.5)
     dev: true
 
-  /@babel/plugin-proposal-nullish-coalescing-operator@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-proposal-nullish-coalescing-operator@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.21.8)
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.21.5)
     dev: true
 
-  /@babel/plugin-proposal-numeric-separator@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-proposal-numeric-separator@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.21.8)
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.21.5)
     dev: true
 
-  /@babel/plugin-proposal-object-rest-spread@7.20.7(@babel/core@7.21.8):
+  /@babel/plugin-proposal-object-rest-spread@7.20.7(@babel/core@7.21.5):
     resolution: {integrity: sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/compat-data': 7.21.7
-      '@babel/core': 7.21.8
-      '@babel/helper-compilation-targets': 7.21.5(@babel/core@7.21.8)
+      '@babel/core': 7.21.5
+      '@babel/helper-compilation-targets': 7.21.5(@babel/core@7.21.5)
       '@babel/helper-plugin-utils': 7.21.5
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.21.8)
-      '@babel/plugin-transform-parameters': 7.21.3(@babel/core@7.21.8)
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.21.5)
+      '@babel/plugin-transform-parameters': 7.21.3(@babel/core@7.21.5)
     dev: true
 
-  /@babel/plugin-proposal-optional-catch-binding@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-proposal-optional-catch-binding@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-Q40HEhs9DJQyaZfUjjn6vE8Cv4GmMHCYuMGIWUnlxH6400VGxOuwWsPt4FxXxJkC/5eOzgn0z21M9gMT4MOhbw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.21.8)
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.21.5)
     dev: true
 
-  /@babel/plugin-proposal-optional-chaining@7.21.0(@babel/core@7.21.8):
+  /@babel/plugin-proposal-optional-chaining@7.21.0(@babel/core@7.21.5):
     resolution: {integrity: sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
       '@babel/helper-skip-transparent-expression-wrappers': 7.20.0
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.21.8)
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.21.5)
     dev: true
 
-  /@babel/plugin-proposal-private-methods@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-proposal-private-methods@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
-      '@babel/helper-create-class-features-plugin': 7.21.8(@babel/core@7.21.8)
+      '@babel/core': 7.21.5
+      '@babel/helper-create-class-features-plugin': 7.21.5(@babel/core@7.21.5)
       '@babel/helper-plugin-utils': 7.21.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-private-property-in-object@7.21.0(@babel/core@7.21.8):
+  /@babel/plugin-proposal-private-property-in-object@7.21.0(@babel/core@7.21.5):
     resolution: {integrity: sha512-ha4zfehbJjc5MmXBlHec1igel5TJXXLDDRbuJ4+XT2TJcyD9/V1919BA8gMvsdHcNMBy4WBUBiRb3nw/EQUtBw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-annotate-as-pure': 7.18.6
-      '@babel/helper-create-class-features-plugin': 7.21.8(@babel/core@7.21.8)
+      '@babel/helper-create-class-features-plugin': 7.21.5(@babel/core@7.21.5)
       '@babel/helper-plugin-utils': 7.21.5
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.21.8)
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.21.5)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-unicode-property-regex@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-proposal-unicode-property-regex@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-2BShG/d5yoZyXZfVePH91urL5wTG6ASZU9M4o03lKK8u8UW1y08OMttBSOADTcJrnPMpvDXRG3G8fyLh4ovs8w==}
     engines: {node: '>=4'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
-      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.21.8)
+      '@babel/core': 7.21.5
+      '@babel/helper-create-regexp-features-plugin': 7.21.5(@babel/core@7.21.5)
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.21.8):
+  /@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.21.5):
     resolution: {integrity: sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.21.8):
+  /@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.21.5):
     resolution: {integrity: sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.21.8):
+  /@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.21.5):
     resolution: {integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.21.8):
+  /@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.21.5):
     resolution: {integrity: sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-syntax-export-namespace-from@7.8.3(@babel/core@7.21.8):
+  /@babel/plugin-syntax-export-namespace-from@7.8.3(@babel/core@7.21.5):
     resolution: {integrity: sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-syntax-import-assertions@7.20.0(@babel/core@7.21.8):
+  /@babel/plugin-syntax-import-assertions@7.20.0(@babel/core@7.21.5):
     resolution: {integrity: sha512-IUh1vakzNoWalR8ch/areW7qFopR2AEw03JlG7BbrDqmQ4X3q9uuipQwSGrUn7oGiemKjtSLDhNtQHzMHr1JdQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.21.8):
+  /@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.21.5):
     resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.21.8):
+  /@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.21.5):
     resolution: {integrity: sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.21.8):
+  /@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.21.5):
     resolution: {integrity: sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.21.8):
+  /@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.21.5):
     resolution: {integrity: sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.21.8):
+  /@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.21.5):
     resolution: {integrity: sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.21.8):
+  /@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.21.5):
     resolution: {integrity: sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.21.8):
+  /@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.21.5):
     resolution: {integrity: sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.21.8):
+  /@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.21.5):
     resolution: {integrity: sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.21.8):
+  /@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.21.5):
     resolution: {integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.21.8):
+  /@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.21.5):
     resolution: {integrity: sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-arrow-functions@7.21.5(@babel/core@7.21.8):
+  /@babel/plugin-transform-arrow-functions@7.21.5(@babel/core@7.21.5):
     resolution: {integrity: sha512-wb1mhwGOCaXHDTcsRYMKF9e5bbMgqwxtqa2Y1ifH96dXJPwbuLX9qHy3clhrxVqgMz7nyNXs8VkxdH8UBcjKqA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-async-to-generator@7.20.7(@babel/core@7.21.8):
+  /@babel/plugin-transform-async-to-generator@7.20.7(@babel/core@7.21.5):
     resolution: {integrity: sha512-Uo5gwHPT9vgnSXQxqGtpdufUiWp96gk7yiP4Mp5bm1QMkEmLXBO7PAGYbKoJ6DhAwiNkcHFBol/x5zZZkL/t0Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-module-imports': 7.21.4
       '@babel/helper-plugin-utils': 7.21.5
-      '@babel/helper-remap-async-to-generator': 7.18.9(@babel/core@7.21.8)
+      '@babel/helper-remap-async-to-generator': 7.18.9(@babel/core@7.21.5)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-block-scoped-functions@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-transform-block-scoped-functions@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-ExUcOqpPWnliRcPqves5HJcJOvHvIIWfuS4sroBUenPuMdmW+SMHDakmtS7qOo13sVppmUijqeTv7qqGsvURpQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-block-scoping@7.21.0(@babel/core@7.21.8):
+  /@babel/plugin-transform-block-scoping@7.21.0(@babel/core@7.21.5):
     resolution: {integrity: sha512-Mdrbunoh9SxwFZapeHVrwFmri16+oYotcZysSzhNIVDwIAb1UV+kvnxULSYq9J3/q5MDG+4X6w8QVgD1zhBXNQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-classes@7.21.0(@babel/core@7.21.8):
+  /@babel/plugin-transform-classes@7.21.0(@babel/core@7.21.5):
     resolution: {integrity: sha512-RZhbYTCEUAe6ntPehC4hlslPWosNHDox+vAs4On/mCLRLfoDVHf6hVEd7kuxr1RnHwJmxFfUM3cZiZRmPxJPXQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-annotate-as-pure': 7.18.6
-      '@babel/helper-compilation-targets': 7.21.5(@babel/core@7.21.8)
+      '@babel/helper-compilation-targets': 7.21.5(@babel/core@7.21.5)
       '@babel/helper-environment-visitor': 7.21.5
       '@babel/helper-function-name': 7.21.0
       '@babel/helper-optimise-call-expression': 7.18.6
@@ -787,121 +799,121 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-computed-properties@7.21.5(@babel/core@7.21.8):
+  /@babel/plugin-transform-computed-properties@7.21.5(@babel/core@7.21.5):
     resolution: {integrity: sha512-TR653Ki3pAwxBxUe8srfF3e4Pe3FTA46uaNHYyQwIoM4oWKSoOZiDNyHJ0oIoDIUPSRQbQG7jzgVBX3FPVne1Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
       '@babel/template': 7.20.7
     dev: true
 
-  /@babel/plugin-transform-destructuring@7.21.3(@babel/core@7.21.8):
+  /@babel/plugin-transform-destructuring@7.21.3(@babel/core@7.21.5):
     resolution: {integrity: sha512-bp6hwMFzuiE4HqYEyoGJ/V2LeIWn+hLVKc4pnj++E5XQptwhtcGmSayM029d/j2X1bPKGTlsyPwAubuU22KhMA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-dotall-regex@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-transform-dotall-regex@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-6S3jpun1eEbAxq7TdjLotAsl4WpQI9DxfkycRcKrjhQYzU87qpXdknpBg/e+TdcMehqGnLFi7tnFUBR02Vq6wg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
-      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.21.8)
+      '@babel/core': 7.21.5
+      '@babel/helper-create-regexp-features-plugin': 7.21.5(@babel/core@7.21.5)
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-duplicate-keys@7.18.9(@babel/core@7.21.8):
+  /@babel/plugin-transform-duplicate-keys@7.18.9(@babel/core@7.21.5):
     resolution: {integrity: sha512-d2bmXCtZXYc59/0SanQKbiWINadaJXqtvIQIzd4+hNwkWBgyCd5F/2t1kXoUdvPMrxzPvhK6EMQRROxsue+mfw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-exponentiation-operator@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-transform-exponentiation-operator@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-wzEtc0+2c88FVR34aQmiz56dxEkxr2g8DQb/KfaFa1JYXOFVsbhvAonFN6PwVWj++fKmku8NP80plJ5Et4wqHw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-builder-binary-assignment-operator-visitor': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-for-of@7.21.5(@babel/core@7.21.8):
+  /@babel/plugin-transform-for-of@7.21.5(@babel/core@7.21.5):
     resolution: {integrity: sha512-nYWpjKW/7j/I/mZkGVgHJXh4bA1sfdFnJoOXwJuj4m3Q2EraO/8ZyrkCau9P5tbHQk01RMSt6KYLCsW7730SXQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-function-name@7.18.9(@babel/core@7.21.8):
+  /@babel/plugin-transform-function-name@7.18.9(@babel/core@7.21.5):
     resolution: {integrity: sha512-WvIBoRPaJQ5yVHzcnJFor7oS5Ls0PYixlTYE63lCj2RtdQEl15M68FXQlxnG6wdraJIXRdR7KI+hQ7q/9QjrCQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
-      '@babel/helper-compilation-targets': 7.21.5(@babel/core@7.21.8)
+      '@babel/core': 7.21.5
+      '@babel/helper-compilation-targets': 7.21.5(@babel/core@7.21.5)
       '@babel/helper-function-name': 7.21.0
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-literals@7.18.9(@babel/core@7.21.8):
+  /@babel/plugin-transform-literals@7.18.9(@babel/core@7.21.5):
     resolution: {integrity: sha512-IFQDSRoTPnrAIrI5zoZv73IFeZu2dhu6irxQjY9rNjTT53VmKg9fenjvoiOWOkJ6mm4jKVPtdMzBY98Fp4Z4cg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-member-expression-literals@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-transform-member-expression-literals@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-qSF1ihLGO3q+/g48k85tUjD033C29TNTVB2paCwZPVmOsjn9pClvYYrM2VeJpBY2bcNkuny0YUyTNRyRxJ54KA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-modules-amd@7.20.11(@babel/core@7.21.8):
+  /@babel/plugin-transform-modules-amd@7.20.11(@babel/core@7.21.5):
     resolution: {integrity: sha512-NuzCt5IIYOW0O30UvqktzHYR2ud5bOWbY0yaxWZ6G+aFzOMJvrs5YHNikrbdaT15+KNO31nPOy5Fim3ku6Zb5g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-module-transforms': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-modules-commonjs@7.21.5(@babel/core@7.21.8):
+  /@babel/plugin-transform-modules-commonjs@7.21.5(@babel/core@7.21.5):
     resolution: {integrity: sha512-OVryBEgKUbtqMoB7eG2rs6UFexJi6Zj6FDXx+esBLPTCxCNxAY9o+8Di7IsUGJ+AVhp5ncK0fxWUBd0/1gPhrQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-module-transforms': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
       '@babel/helper-simple-access': 7.21.5
@@ -909,13 +921,13 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-modules-systemjs@7.20.11(@babel/core@7.21.8):
+  /@babel/plugin-transform-modules-systemjs@7.20.11(@babel/core@7.21.5):
     resolution: {integrity: sha512-vVu5g9BPQKSFEmvt2TA4Da5N+QVS66EX21d8uoOihC+OCpUoGvzVsXeqFdtAEfVa5BILAeFt+U7yVmLbQnAJmw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-hoist-variables': 7.18.6
       '@babel/helper-module-transforms': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
@@ -924,262 +936,262 @@ packages:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-modules-umd@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-transform-modules-umd@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-dcegErExVeXcRqNtkRU/z8WlBLnvD4MRnHgNs3MytRO1Mn1sHRyhbcpYbVMGclAqOjdW+9cfkdZno9dFdfKLfQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-module-transforms': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-named-capturing-groups-regex@7.20.5(@babel/core@7.21.8):
+  /@babel/plugin-transform-named-capturing-groups-regex@7.20.5(@babel/core@7.21.5):
     resolution: {integrity: sha512-mOW4tTzi5iTLnw+78iEq3gr8Aoq4WNRGpmSlrogqaiCBoR1HFhpU4JkpQFOHfeYx3ReVIFWOQJS4aZBRvuZ6mA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.21.8
-      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.21.8)
+      '@babel/core': 7.21.5
+      '@babel/helper-create-regexp-features-plugin': 7.21.5(@babel/core@7.21.5)
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-new-target@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-transform-new-target@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-DjwFA/9Iu3Z+vrAn+8pBUGcjhxKguSMlsFqeCKbhb9BAV756v0krzVK04CRDi/4aqmk8BsHb4a/gFcaA5joXRw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-object-super@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-transform-object-super@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-uvGz6zk+pZoS1aTZrOvrbj6Pp/kK2mp45t2B+bTDre2UgsZZ8EZLSJtUg7m/no0zOJUWgFONpB7Zv9W2tSaFlA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
       '@babel/helper-replace-supers': 7.21.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-parameters@7.21.3(@babel/core@7.21.8):
+  /@babel/plugin-transform-parameters@7.21.3(@babel/core@7.21.5):
     resolution: {integrity: sha512-Wxc+TvppQG9xWFYatvCGPvZ6+SIUxQ2ZdiBP+PHYMIjnPXD+uThCshaz4NZOnODAtBjjcVQQ/3OKs9LW28purQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-property-literals@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-transform-property-literals@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-cYcs6qlgafTud3PAzrrRNbQtfpQ8+y/+M5tKmksS9+M1ckbH6kzY8MrexEM9mcA6JDsukE19iIRvAyYl463sMg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-regenerator@7.21.5(@babel/core@7.21.8):
+  /@babel/plugin-transform-regenerator@7.21.5(@babel/core@7.21.5):
     resolution: {integrity: sha512-ZoYBKDb6LyMi5yCsByQ5jmXsHAQDDYeexT1Szvlmui+lADvfSecr5Dxd/PkrTC3pAD182Fcju1VQkB4oCp9M+w==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
       regenerator-transform: 0.15.1
     dev: true
 
-  /@babel/plugin-transform-reserved-words@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-transform-reserved-words@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-oX/4MyMoypzHjFrT1CdivfKZ+XvIPMFXwwxHp/r0Ddy2Vuomt4HDFGmft1TAY2yiTKiNSsh3kjBAzcM8kSdsjA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-shorthand-properties@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-transform-shorthand-properties@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-eCLXXJqv8okzg86ywZJbRn19YJHU4XUa55oz2wbHhaQVn/MM+XhukiT7SYqp/7o00dg52Rj51Ny+Ecw4oyoygw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-spread@7.20.7(@babel/core@7.21.8):
+  /@babel/plugin-transform-spread@7.20.7(@babel/core@7.21.5):
     resolution: {integrity: sha512-ewBbHQ+1U/VnH1fxltbJqDeWBU1oNLG8Dj11uIv3xVf7nrQu0bPGe5Rf716r7K5Qz+SqtAOVswoVunoiBtGhxw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
       '@babel/helper-skip-transparent-expression-wrappers': 7.20.0
     dev: true
 
-  /@babel/plugin-transform-sticky-regex@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-transform-sticky-regex@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-kfiDrDQ+PBsQDO85yj1icueWMfGfJFKN1KCkndygtu/C9+XUfydLC8Iv5UYJqRwy4zk8EcplRxEOeLyjq1gm6Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-template-literals@7.18.9(@babel/core@7.21.8):
+  /@babel/plugin-transform-template-literals@7.18.9(@babel/core@7.21.5):
     resolution: {integrity: sha512-S8cOWfT82gTezpYOiVaGHrCbhlHgKhQt8XH5ES46P2XWmX92yisoZywf5km75wv5sYcXDUCLMmMxOLCtthDgMA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-typeof-symbol@7.18.9(@babel/core@7.21.8):
+  /@babel/plugin-transform-typeof-symbol@7.18.9(@babel/core@7.21.5):
     resolution: {integrity: sha512-SRfwTtF11G2aemAZWivL7PD+C9z52v9EvMqH9BuYbabyPuKUvSWks3oCg6041pT925L4zVFqaVBeECwsmlguEw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-unicode-escapes@7.21.5(@babel/core@7.21.8):
+  /@babel/plugin-transform-unicode-escapes@7.21.5(@babel/core@7.21.5):
     resolution: {integrity: sha512-LYm/gTOwZqsYohlvFUe/8Tujz75LqqVC2w+2qPHLR+WyWHGCZPN1KBpJCJn+4Bk4gOkQy/IXKIge6az5MqwlOg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/plugin-transform-unicode-regex@7.18.6(@babel/core@7.21.8):
+  /@babel/plugin-transform-unicode-regex@7.18.6(@babel/core@7.21.5):
     resolution: {integrity: sha512-gE7A6Lt7YLnNOL3Pb9BNeZvi+d8l7tcRrG4+pwJjK9hD2xX4mEvjlQW60G9EEmfXVYRPv9VRQcyegIVHCql/AA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
-      '@babel/helper-create-regexp-features-plugin': 7.21.8(@babel/core@7.21.8)
+      '@babel/core': 7.21.5
+      '@babel/helper-create-regexp-features-plugin': 7.21.5(@babel/core@7.21.5)
       '@babel/helper-plugin-utils': 7.21.5
     dev: true
 
-  /@babel/preset-env@7.21.5(@babel/core@7.21.8):
+  /@babel/preset-env@7.21.5(@babel/core@7.21.5):
     resolution: {integrity: sha512-wH00QnTTldTbf/IefEVyChtRdw5RJvODT/Vb4Vcxq1AZvtXj6T0YeX0cAcXhI6/BdGuiP3GcNIL4OQbI2DVNxg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/compat-data': 7.21.7
-      '@babel/core': 7.21.8
-      '@babel/helper-compilation-targets': 7.21.5(@babel/core@7.21.8)
+      '@babel/core': 7.21.5
+      '@babel/helper-compilation-targets': 7.21.5(@babel/core@7.21.5)
       '@babel/helper-plugin-utils': 7.21.5
       '@babel/helper-validator-option': 7.21.0
-      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.20.7(@babel/core@7.21.8)
-      '@babel/plugin-proposal-async-generator-functions': 7.20.7(@babel/core@7.21.8)
-      '@babel/plugin-proposal-class-properties': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-proposal-class-static-block': 7.21.0(@babel/core@7.21.8)
-      '@babel/plugin-proposal-dynamic-import': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-proposal-export-namespace-from': 7.18.9(@babel/core@7.21.8)
-      '@babel/plugin-proposal-json-strings': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-proposal-logical-assignment-operators': 7.20.7(@babel/core@7.21.8)
-      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-proposal-numeric-separator': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-proposal-object-rest-spread': 7.20.7(@babel/core@7.21.8)
-      '@babel/plugin-proposal-optional-catch-binding': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.21.8)
-      '@babel/plugin-proposal-private-methods': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-proposal-private-property-in-object': 7.21.0(@babel/core@7.21.8)
-      '@babel/plugin-proposal-unicode-property-regex': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.21.8)
-      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.21.8)
-      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.21.8)
-      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.21.8)
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.21.8)
-      '@babel/plugin-syntax-import-assertions': 7.20.0(@babel/core@7.21.8)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.21.8)
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.21.8)
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.21.8)
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.21.8)
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.21.8)
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.21.8)
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.21.8)
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.21.8)
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.21.8)
-      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.21.8)
-      '@babel/plugin-transform-arrow-functions': 7.21.5(@babel/core@7.21.8)
-      '@babel/plugin-transform-async-to-generator': 7.20.7(@babel/core@7.21.8)
-      '@babel/plugin-transform-block-scoped-functions': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-transform-block-scoping': 7.21.0(@babel/core@7.21.8)
-      '@babel/plugin-transform-classes': 7.21.0(@babel/core@7.21.8)
-      '@babel/plugin-transform-computed-properties': 7.21.5(@babel/core@7.21.8)
-      '@babel/plugin-transform-destructuring': 7.21.3(@babel/core@7.21.8)
-      '@babel/plugin-transform-dotall-regex': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-transform-duplicate-keys': 7.18.9(@babel/core@7.21.8)
-      '@babel/plugin-transform-exponentiation-operator': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-transform-for-of': 7.21.5(@babel/core@7.21.8)
-      '@babel/plugin-transform-function-name': 7.18.9(@babel/core@7.21.8)
-      '@babel/plugin-transform-literals': 7.18.9(@babel/core@7.21.8)
-      '@babel/plugin-transform-member-expression-literals': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-transform-modules-amd': 7.20.11(@babel/core@7.21.8)
-      '@babel/plugin-transform-modules-commonjs': 7.21.5(@babel/core@7.21.8)
-      '@babel/plugin-transform-modules-systemjs': 7.20.11(@babel/core@7.21.8)
-      '@babel/plugin-transform-modules-umd': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-transform-named-capturing-groups-regex': 7.20.5(@babel/core@7.21.8)
-      '@babel/plugin-transform-new-target': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-transform-object-super': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-transform-parameters': 7.21.3(@babel/core@7.21.8)
-      '@babel/plugin-transform-property-literals': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-transform-regenerator': 7.21.5(@babel/core@7.21.8)
-      '@babel/plugin-transform-reserved-words': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-transform-shorthand-properties': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-transform-spread': 7.20.7(@babel/core@7.21.8)
-      '@babel/plugin-transform-sticky-regex': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-transform-template-literals': 7.18.9(@babel/core@7.21.8)
-      '@babel/plugin-transform-typeof-symbol': 7.18.9(@babel/core@7.21.8)
-      '@babel/plugin-transform-unicode-escapes': 7.21.5(@babel/core@7.21.8)
-      '@babel/plugin-transform-unicode-regex': 7.18.6(@babel/core@7.21.8)
-      '@babel/preset-modules': 0.1.5(@babel/core@7.21.8)
+      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.20.7(@babel/core@7.21.5)
+      '@babel/plugin-proposal-async-generator-functions': 7.20.7(@babel/core@7.21.5)
+      '@babel/plugin-proposal-class-properties': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-proposal-class-static-block': 7.21.0(@babel/core@7.21.5)
+      '@babel/plugin-proposal-dynamic-import': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-proposal-export-namespace-from': 7.18.9(@babel/core@7.21.5)
+      '@babel/plugin-proposal-json-strings': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-proposal-logical-assignment-operators': 7.20.7(@babel/core@7.21.5)
+      '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-proposal-numeric-separator': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-proposal-object-rest-spread': 7.20.7(@babel/core@7.21.5)
+      '@babel/plugin-proposal-optional-catch-binding': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.21.5)
+      '@babel/plugin-proposal-private-methods': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-proposal-private-property-in-object': 7.21.0(@babel/core@7.21.5)
+      '@babel/plugin-proposal-unicode-property-regex': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.21.5)
+      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.21.5)
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.21.5)
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.21.5)
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.21.5)
+      '@babel/plugin-syntax-import-assertions': 7.20.0(@babel/core@7.21.5)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.21.5)
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.21.5)
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.21.5)
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.21.5)
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.21.5)
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.21.5)
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.21.5)
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.21.5)
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.21.5)
+      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.21.5)
+      '@babel/plugin-transform-arrow-functions': 7.21.5(@babel/core@7.21.5)
+      '@babel/plugin-transform-async-to-generator': 7.20.7(@babel/core@7.21.5)
+      '@babel/plugin-transform-block-scoped-functions': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-transform-block-scoping': 7.21.0(@babel/core@7.21.5)
+      '@babel/plugin-transform-classes': 7.21.0(@babel/core@7.21.5)
+      '@babel/plugin-transform-computed-properties': 7.21.5(@babel/core@7.21.5)
+      '@babel/plugin-transform-destructuring': 7.21.3(@babel/core@7.21.5)
+      '@babel/plugin-transform-dotall-regex': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-transform-duplicate-keys': 7.18.9(@babel/core@7.21.5)
+      '@babel/plugin-transform-exponentiation-operator': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-transform-for-of': 7.21.5(@babel/core@7.21.5)
+      '@babel/plugin-transform-function-name': 7.18.9(@babel/core@7.21.5)
+      '@babel/plugin-transform-literals': 7.18.9(@babel/core@7.21.5)
+      '@babel/plugin-transform-member-expression-literals': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-transform-modules-amd': 7.20.11(@babel/core@7.21.5)
+      '@babel/plugin-transform-modules-commonjs': 7.21.5(@babel/core@7.21.5)
+      '@babel/plugin-transform-modules-systemjs': 7.20.11(@babel/core@7.21.5)
+      '@babel/plugin-transform-modules-umd': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.20.5(@babel/core@7.21.5)
+      '@babel/plugin-transform-new-target': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-transform-object-super': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-transform-parameters': 7.21.3(@babel/core@7.21.5)
+      '@babel/plugin-transform-property-literals': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-transform-regenerator': 7.21.5(@babel/core@7.21.5)
+      '@babel/plugin-transform-reserved-words': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-transform-shorthand-properties': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-transform-spread': 7.20.7(@babel/core@7.21.5)
+      '@babel/plugin-transform-sticky-regex': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-transform-template-literals': 7.18.9(@babel/core@7.21.5)
+      '@babel/plugin-transform-typeof-symbol': 7.18.9(@babel/core@7.21.5)
+      '@babel/plugin-transform-unicode-escapes': 7.21.5(@babel/core@7.21.5)
+      '@babel/plugin-transform-unicode-regex': 7.18.6(@babel/core@7.21.5)
+      '@babel/preset-modules': 0.1.5(@babel/core@7.21.5)
       '@babel/types': 7.21.5
-      babel-plugin-polyfill-corejs2: 0.3.3(@babel/core@7.21.8)
-      babel-plugin-polyfill-corejs3: 0.6.0(@babel/core@7.21.8)
-      babel-plugin-polyfill-regenerator: 0.4.1(@babel/core@7.21.8)
-      core-js-compat: 3.30.2
+      babel-plugin-polyfill-corejs2: 0.3.3(@babel/core@7.21.5)
+      babel-plugin-polyfill-corejs3: 0.6.0(@babel/core@7.21.5)
+      babel-plugin-polyfill-regenerator: 0.4.1(@babel/core@7.21.5)
+      core-js-compat: 3.30.1
       semver: 6.3.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/preset-modules@0.1.5(@babel/core@7.21.8):
+  /@babel/preset-modules@0.1.5(@babel/core@7.21.5):
     resolution: {integrity: sha512-A57th6YRG7oR3cq/yt/Y84MvGgE0eJG2F1JLhKuyG+jFxEgrd/HAMJatiFtmOiZurz+0DkrvbheCLaV5f2JfjA==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-plugin-utils': 7.21.5
-      '@babel/plugin-proposal-unicode-property-regex': 7.18.6(@babel/core@7.21.8)
-      '@babel/plugin-transform-dotall-regex': 7.18.6(@babel/core@7.21.8)
+      '@babel/plugin-proposal-unicode-property-regex': 7.18.6(@babel/core@7.21.5)
+      '@babel/plugin-transform-dotall-regex': 7.18.6(@babel/core@7.21.5)
       '@babel/types': 7.21.5
       esutils: 2.0.3
     dev: true
@@ -1199,7 +1211,7 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.21.4
-      '@babel/parser': 7.21.8
+      '@babel/parser': 7.21.5
       '@babel/types': 7.21.5
 
   /@babel/traverse@7.21.5(supports-color@5.5.0):
@@ -1212,7 +1224,7 @@ packages:
       '@babel/helper-function-name': 7.21.0
       '@babel/helper-hoist-variables': 7.18.6
       '@babel/helper-split-export-declaration': 7.18.6
-      '@babel/parser': 7.21.8
+      '@babel/parser': 7.21.5
       '@babel/types': 7.21.5
       debug: 4.3.4(supports-color@5.5.0)
       globals: 11.12.0
@@ -1227,13 +1239,13 @@ packages:
       '@babel/helper-validator-identifier': 7.19.1
       to-fast-properties: 2.0.0
 
-  /@emotion/is-prop-valid@1.2.1:
-    resolution: {integrity: sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==}
+  /@emotion/is-prop-valid@1.2.0:
+    resolution: {integrity: sha512-3aDpDprjM0AwaxGE09bOPkNxHpBd+kA6jty3RnaEXdweX1DF1U3VQpPYb0g1IStAuK7SVQ1cy+bNBBKp4W3Fjg==}
     dependencies:
-      '@emotion/memoize': 0.8.1
+      '@emotion/memoize': 0.8.0
 
-  /@emotion/memoize@0.8.1:
-    resolution: {integrity: sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==}
+  /@emotion/memoize@0.8.0:
+    resolution: {integrity: sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA==}
 
   /@emotion/stylis@0.8.5:
     resolution: {integrity: sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==}
@@ -1481,18 +1493,18 @@ packages:
     resolution: {integrity: sha512-/aFM2M4HVDBT/jjDBa84sJniv1t9Gm/rLkalaz9htOm+L+8JMj1k9w0CkUdcxNyNxZPlTxKPVko+m1VlM58ZVA==}
     engines: {node: '>= 14'}
     dependencies:
-      '@octokit/types': 9.2.1
+      '@octokit/types': 9.2.0
     dev: false
 
-  /@octokit/core@4.2.0:
+  /@octokit/core@4.2.0(encoding@0.1.13):
     resolution: {integrity: sha512-AgvDRUg3COpR82P7PBdGZF/NNqGmtMq2NiPqeSsDIeCfYFOZ9gddqWNQHnFdEUf+YwOj4aZYmJnlPp7OXmDIDg==}
     engines: {node: '>= 14'}
     dependencies:
       '@octokit/auth-token': 3.0.3
-      '@octokit/graphql': 5.0.5
-      '@octokit/request': 6.2.3
+      '@octokit/graphql': 5.0.5(encoding@0.1.13)
+      '@octokit/request': 6.2.3(encoding@0.1.13)
       '@octokit/request-error': 3.0.3
-      '@octokit/types': 9.2.1
+      '@octokit/types': 9.2.0
       before-after-hook: 2.2.3
       universal-user-agent: 6.0.0
     transitivePeerDependencies:
@@ -1503,24 +1515,24 @@ packages:
     resolution: {integrity: sha512-LG4o4HMY1Xoaec87IqQ41TQ+glvIeTKqfjkCEmt5AIwDZJwQeVZFIEYXrYY6yLwK+pAScb9Gj4q+Nz2qSw1roA==}
     engines: {node: '>= 14'}
     dependencies:
-      '@octokit/types': 9.2.1
+      '@octokit/types': 9.2.0
       is-plain-object: 5.0.0
       universal-user-agent: 6.0.0
     dev: false
 
-  /@octokit/graphql@5.0.5:
+  /@octokit/graphql@5.0.5(encoding@0.1.13):
     resolution: {integrity: sha512-Qwfvh3xdqKtIznjX9lz2D458r7dJPP8l6r4GQkIdWQouZwHQK0mVT88uwiU2bdTU2OtT1uOlKpRciUWldpG0yQ==}
     engines: {node: '>= 14'}
     dependencies:
-      '@octokit/request': 6.2.3
-      '@octokit/types': 9.2.1
+      '@octokit/request': 6.2.3(encoding@0.1.13)
+      '@octokit/types': 9.2.0
       universal-user-agent: 6.0.0
     transitivePeerDependencies:
       - encoding
     dev: false
 
-  /@octokit/openapi-types@17.1.1:
-    resolution: {integrity: sha512-/X7Gh/qWiWaooJmUnYD48SYy72fyrk2ceisOSe89JojK7r0j8YrTwYpDi76kI+c6QiqX1KSgdoBTMJvktsDkYw==}
+  /@octokit/openapi-types@17.1.0:
+    resolution: {integrity: sha512-rnI26BAITDZTo5vqFOmA7oX4xRd18rO+gcK4MiTpJmsRMxAw0JmevNjPsjpry1bb9SVNo56P/0kbiyXXa4QluA==}
     dev: false
 
   /@octokit/plugin-paginate-rest@6.0.0(@octokit/core@4.2.0):
@@ -1529,8 +1541,8 @@ packages:
     peerDependencies:
       '@octokit/core': '>=4'
     dependencies:
-      '@octokit/core': 4.2.0
-      '@octokit/types': 9.2.1
+      '@octokit/core': 4.2.0(encoding@0.1.13)
+      '@octokit/types': 9.2.0
     dev: false
 
   /@octokit/plugin-request-log@1.0.4(@octokit/core@4.2.0):
@@ -1538,7 +1550,7 @@ packages:
     peerDependencies:
       '@octokit/core': '>=3'
     dependencies:
-      '@octokit/core': 4.2.0
+      '@octokit/core': 4.2.0(encoding@0.1.13)
     dev: false
 
   /@octokit/plugin-rest-endpoint-methods@7.0.1(@octokit/core@4.2.0):
@@ -1547,8 +1559,8 @@ packages:
     peerDependencies:
       '@octokit/core': '>=3'
     dependencies:
-      '@octokit/core': 4.2.0
-      '@octokit/types': 9.2.1
+      '@octokit/core': 4.2.0(encoding@0.1.13)
+      '@octokit/types': 9.2.0
       deprecation: 2.3.1
     dev: false
 
@@ -1556,30 +1568,30 @@ packages:
     resolution: {integrity: sha512-crqw3V5Iy2uOU5Np+8M/YexTlT8zxCfI+qu+LxUB7SZpje4Qmx3mub5DfEKSO8Ylyk0aogi6TYdf6kxzh2BguQ==}
     engines: {node: '>= 14'}
     dependencies:
-      '@octokit/types': 9.2.1
+      '@octokit/types': 9.2.0
       deprecation: 2.3.1
       once: 1.4.0
     dev: false
 
-  /@octokit/request@6.2.3:
+  /@octokit/request@6.2.3(encoding@0.1.13):
     resolution: {integrity: sha512-TNAodj5yNzrrZ/VxP+H5HiYaZep0H3GU0O7PaF+fhDrt8FPrnkei9Aal/txsN/1P7V3CPiThG0tIvpPDYUsyAA==}
     engines: {node: '>= 14'}
     dependencies:
       '@octokit/endpoint': 7.0.5
       '@octokit/request-error': 3.0.3
-      '@octokit/types': 9.2.1
+      '@octokit/types': 9.2.0
       is-plain-object: 5.0.0
-      node-fetch: 2.6.9
+      node-fetch: 2.6.9(encoding@0.1.13)
       universal-user-agent: 6.0.0
     transitivePeerDependencies:
       - encoding
     dev: false
 
-  /@octokit/rest@19.0.7:
+  /@octokit/rest@19.0.7(encoding@0.1.13):
     resolution: {integrity: sha512-HRtSfjrWmWVNp2uAkEpQnuGMJsu/+dBr47dRc5QVgsCbnIc1+GFEaoKBWkYG+zjrsHpSqcAElMio+n10c0b5JA==}
     engines: {node: '>= 14'}
     dependencies:
-      '@octokit/core': 4.2.0
+      '@octokit/core': 4.2.0(encoding@0.1.13)
       '@octokit/plugin-paginate-rest': 6.0.0(@octokit/core@4.2.0)
       '@octokit/plugin-request-log': 1.0.4(@octokit/core@4.2.0)
       '@octokit/plugin-rest-endpoint-methods': 7.0.1(@octokit/core@4.2.0)
@@ -1587,26 +1599,26 @@ packages:
       - encoding
     dev: false
 
-  /@octokit/types@9.2.1:
-    resolution: {integrity: sha512-Vx4keMiD/CAiwVFasLcH0xBSVbKIHebIZke9i7ZbUWGNN4vJFWSYH6Nvga7UY9NIJCGa6x3QG849XTbi5wYmkA==}
+  /@octokit/types@9.2.0:
+    resolution: {integrity: sha512-xySzJG4noWrIBFyMu4lg4tu9vAgNg9S0aoLRONhAEz6ueyi1evBzb40HitIosaYS4XOexphG305IVcLrIX/30g==}
     dependencies:
-      '@octokit/openapi-types': 17.1.1
+      '@octokit/openapi-types': 17.1.0
     dev: false
 
-  /@pkgr/utils@2.4.0:
-    resolution: {integrity: sha512-2OCURAmRtdlL8iUDTypMrrxfwe8frXTeXaxGsVOaYtc/wrUyk8Z/0OBetM7cdlsy7ZFWlMX72VogKeh+A4Xcjw==}
+  /@pkgr/utils@2.3.1:
+    resolution: {integrity: sha512-wfzX8kc1PMyUILA+1Z/EqoE4UCXGy0iRGMhPwdfae1+f0OXlLqCk+By+aMzgJBzR9AzS4CDizioG6Ss1gvAFJw==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
     dependencies:
       cross-spawn: 7.0.3
-      fast-glob: 3.2.12
       is-glob: 4.0.3
-      open: 9.1.0
+      open: 8.4.2
       picocolors: 1.0.0
+      tiny-glob: 0.2.9
       tslib: 2.5.0
     dev: true
 
-  /@prisma/client@4.14.0(prisma@4.14.0):
-    resolution: {integrity: sha512-MK/XaA2sFdfaOa7I9MjNKz6dxeIEdeZlnpNRoF2w3JuRLlFJLkpp6cD3yaqw2nUUhbrn3Iqe3ZpVV+VuGGil7Q==}
+  /@prisma/client@4.13.0(prisma@4.14.0):
+    resolution: {integrity: sha512-YaiiICcRB2hatxsbnfB66uWXjcRw3jsZdlAVxmx0cFcTc/Ad/sKdHCcWSnqyDX47vAewkjRFwiLwrOUjswVvmA==}
     engines: {node: '>=14.17'}
     requiresBuild: true
     peerDependencies:
@@ -1615,19 +1627,62 @@ packages:
       prisma:
         optional: true
     dependencies:
-      '@prisma/engines-version': 4.14.0-67.d9a4c5988f480fa576d43970d5a23641aa77bc9c
+      '@prisma/engines-version': 4.13.0-50.1e7af066ee9cb95cf3a403c78d9aab3e6b04f37a
       prisma: 4.14.0
     dev: false
 
-  /@prisma/engines-version@4.14.0-67.d9a4c5988f480fa576d43970d5a23641aa77bc9c:
-    resolution: {integrity: sha512-3jum8/YSudeSN0zGW5qkpz+wAN2V/NYCQ+BPjvHYDfWatLWlQkqy99toX0GysDeaUoBIJg1vaz2yKqiA3CFcQw==}
+  /@prisma/engines-version@4.13.0-50.1e7af066ee9cb95cf3a403c78d9aab3e6b04f37a:
+    resolution: {integrity: sha512-fsQlbkhPJf08JOzKoyoD9atdUijuGBekwoOPZC3YOygXEml1MTtgXVpnUNchQlRSY82OQ6pSGQ9PxUe4arcSLQ==}
     dev: false
 
   /@prisma/engines@4.14.0:
     resolution: {integrity: sha512-PDNlhP/1vyTgmNyiucGqGCdXIp7HIkkvKO50si3y3PcceeHvqtiKPaH1iJdz63jCWMVMbj2MElSxXPOeBvEVIQ==}
     requiresBuild: true
 
-  /@rollup/plugin-babel@5.3.1(@babel/core@7.21.8)(rollup@2.79.1):
+  /@radix-ui/react-compose-refs@1.0.0(react@18.2.0):
+    resolution: {integrity: sha512-0KaSv6sx787/hK3eF53iOkiSLwAGlFMx5lotrqD2pTjB18KbybKoEIgkNZTKC60YECDQTKGTRcDBILwZVqVKvA==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0
+    dependencies:
+      '@babel/runtime': 7.21.5
+      react: 18.2.0
+    dev: false
+
+  /@radix-ui/react-portal@1.0.2(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-swu32idoCW7KA2VEiUZGBSu9nB6qwGdV6k6HYhUoOo3M1FFpD+VgLzUqtt3mwL1ssz7r2x8MggpLSQach2Xy/Q==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    dependencies:
+      '@babel/runtime': 7.21.5
+      '@radix-ui/react-primitive': 1.0.2(react-dom@18.2.0)(react@18.2.0)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
+  /@radix-ui/react-primitive@1.0.2(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-zY6G5Qq4R8diFPNwtyoLRZBxzu1Z+SXMlfYpChN7Dv8gvmx9X3qhDqiLWvKseKVJMuedFeU/Sa0Sy/Ia+t06Dw==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    dependencies:
+      '@babel/runtime': 7.21.5
+      '@radix-ui/react-slot': 1.0.1(react@18.2.0)
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
+  /@radix-ui/react-slot@1.0.1(react@18.2.0):
+    resolution: {integrity: sha512-avutXAFL1ehGvAXtPquu0YK5oz6ctS474iM3vNGQIkswrVhdrS52e3uoMQBzZhNRAIE0jBnUyXWNmSjGHhCFcw==}
+    peerDependencies:
+      react: ^16.8 || ^17.0 || ^18.0
+    dependencies:
+      '@babel/runtime': 7.21.5
+      '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
+      react: 18.2.0
+    dev: false
+
+  /@rollup/plugin-babel@5.3.1(@babel/core@7.21.5)(rollup@2.79.1):
     resolution: {integrity: sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
@@ -1638,7 +1693,7 @@ packages:
       '@types/babel__core':
         optional: true
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       '@babel/helper-module-imports': 7.21.4
       '@rollup/pluginutils': 3.1.0(rollup@2.79.1)
       rollup: 2.79.1
@@ -1742,7 +1797,7 @@ packages:
     resolution: {integrity: sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==}
     dependencies:
       '@types/minimatch': 5.1.2
-      '@types/node': 20.1.0
+      '@types/node': 18.16.3
     dev: true
 
   /@types/gtag.js@0.0.12:
@@ -1792,8 +1847,8 @@ packages:
     resolution: {integrity: sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==}
     dev: false
 
-  /@types/node@20.1.0:
-    resolution: {integrity: sha512-O+z53uwx64xY7D6roOi4+jApDGFg0qn6WHcxe5QeqjMaTezBO/mxdfFXIVAVVyNWKx84OmPB3L8kbVYOTeN34A==}
+  /@types/node@18.16.3:
+    resolution: {integrity: sha512-OPs5WnnT1xkCBiuQrZA4+YAV4HEJejmHneyraIaxsbev5yCEr6KMwINNFP9wQeFIw8FWcoTqF3vQsa5CDaI+8Q==}
     dev: true
 
   /@types/prop-types@15.7.5:
@@ -1809,7 +1864,7 @@ packages:
   /@types/resolve@1.17.1:
     resolution: {integrity: sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==}
     dependencies:
-      '@types/node': 20.1.0
+      '@types/node': 18.16.3
     dev: true
 
   /@types/scheduler@0.16.3:
@@ -1969,6 +2024,10 @@ packages:
       eslint-visitor-keys: 3.4.1
     dev: true
 
+  /@vercel/analytics@1.0.1:
+    resolution: {integrity: sha512-Ux0c9qUfkcPqng3vrR0GTrlQdqNJ2JREn/2ydrVuKwM3RtMfF2mWX31Ijqo1opSjNAq6rK76PwtANw6kl6TAow==}
+    dev: false
+
   /@webassemblyjs/ast@1.11.5:
     resolution: {integrity: sha512-LHY/GSAZZRpsNQH+/oHqhRQ5FT7eoULcBqgfyTB5nQHogFnK3/7QoN7dLnwSE/JkUAF0SrRuclT7ODqMFtWxxQ==}
     dependencies:
@@ -2255,53 +2314,53 @@ packages:
       deep-equal: 2.2.1
     dev: true
 
-  /babel-loader@8.3.0(@babel/core@7.21.8)(webpack@5.82.0):
+  /babel-loader@8.3.0(@babel/core@7.21.5)(webpack@5.81.0):
     resolution: {integrity: sha512-H8SvsMF+m9t15HNLMipppzkC+Y2Yq+v3SonZyU70RBL/h1gxPkH08Ot8pEE9Z4Kd+czyWJClmFS8qzIP9OZ04Q==}
     engines: {node: '>= 8.9'}
     peerDependencies:
       '@babel/core': ^7.0.0
       webpack: '>=2'
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       find-cache-dir: 3.3.2
       loader-utils: 2.0.4
       make-dir: 3.1.0
       schema-utils: 2.7.1
-      webpack: 5.82.0
+      webpack: 5.81.0
     dev: true
 
-  /babel-plugin-polyfill-corejs2@0.3.3(@babel/core@7.21.8):
+  /babel-plugin-polyfill-corejs2@0.3.3(@babel/core@7.21.5):
     resolution: {integrity: sha512-8hOdmFYFSZhqg2C/JgLUQ+t52o5nirNwaWM2B9LWteozwIvM14VSwdsCAUET10qT+kmySAlseadmfeeSWFCy+Q==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/compat-data': 7.21.7
-      '@babel/core': 7.21.8
-      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.21.8)
+      '@babel/core': 7.21.5
+      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.21.5)
       semver: 6.3.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /babel-plugin-polyfill-corejs3@0.6.0(@babel/core@7.21.8):
+  /babel-plugin-polyfill-corejs3@0.6.0(@babel/core@7.21.5):
     resolution: {integrity: sha512-+eHqR6OPcBhJOGgsIar7xoAB1GcSwVUA3XjAd7HJNzOXT4wv6/H7KIdA/Nc60cvUlDbKApmqNvD1B1bzOt4nyA==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
-      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.21.8)
-      core-js-compat: 3.30.2
+      '@babel/core': 7.21.5
+      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.21.5)
+      core-js-compat: 3.30.1
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /babel-plugin-polyfill-regenerator@0.4.1(@babel/core@7.21.8):
+  /babel-plugin-polyfill-regenerator@0.4.1(@babel/core@7.21.5):
     resolution: {integrity: sha512-NtQGmyQDXjQqQ+IzRkBVwEOz9lQ4zxAQZgoAYEtU9dJjnl1Oc98qnN7jcp+bE7O7aYzVpavXE3/VKXNzUbh7aw==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.21.8
-      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.21.8)
+      '@babel/core': 7.21.5
+      '@babel/helper-define-polyfill-provider': 0.3.3(@babel/core@7.21.5)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2333,22 +2392,10 @@ packages:
     resolution: {integrity: sha512-NzUnlZexiaH/46WDhANlyR2bXRopNg4F/zuSA3OpZnllCUgRaOF2znDioDWrmbNVsuZk6l9pMquQB38cfBZwkQ==}
     dev: false
 
-  /big-integer@1.6.51:
-    resolution: {integrity: sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==}
-    engines: {node: '>=0.6'}
-    dev: true
-
   /big.js@5.2.2:
     resolution: {integrity: sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==}
     dev: true
 
-  /bplist-parser@0.2.0:
-    resolution: {integrity: sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==}
-    engines: {node: '>= 5.10.0'}
-    dependencies:
-      big-integer: 1.6.51
-    dev: true
-
   /brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
     dependencies:
@@ -2374,8 +2421,8 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: 1.0.30001486
-      electron-to-chromium: 1.4.385
+      caniuse-lite: 1.0.30001481
+      electron-to-chromium: 1.4.377
       node-releases: 2.0.10
       update-browserslist-db: 1.0.11(browserslist@4.21.5)
 
@@ -2388,13 +2435,6 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /bundle-name@3.0.0:
-    resolution: {integrity: sha512-PKA4BeSvBpQKQ8iPOGCSiell+N8P+Tf1DlwqmYhpe2gAhKPHn8EYOxVT+ShuGmhg8lN8XiSlS80yiExKXrURlw==}
-    engines: {node: '>=12'}
-    dependencies:
-      run-applescript: 5.0.0
-    dev: true
-
   /busboy@1.6.0:
     resolution: {integrity: sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==}
     engines: {node: '>=10.16.0'}
@@ -2416,8 +2456,8 @@ packages:
   /camelize@1.0.1:
     resolution: {integrity: sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==}
 
-  /caniuse-lite@1.0.30001486:
-    resolution: {integrity: sha512-uv7/gXuHi10Whlj0pp5q/tsK/32J2QSqVRKQhs2j8VsDCjgyruAh/eEXHF822VqO9yT6iZKw3nRwZRSPBE9OQg==}
+  /caniuse-lite@1.0.30001481:
+    resolution: {integrity: sha512-KCqHwRnaa1InZBtqXzP98LPg0ajCVujMKjqKDhZEthIpAsJl/YEIa3YvXjGXPVqzZVguccuu7ga9KOE1J9rKPQ==}
 
   /ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
@@ -2460,19 +2500,24 @@ packages:
     engines: {node: '>=6.0'}
     dev: true
 
-  /clean-webpack-plugin@4.0.0(webpack@5.82.0):
+  /clean-webpack-plugin@4.0.0(webpack@5.81.0):
     resolution: {integrity: sha512-WuWE1nyTNAyW5T7oNyys2EN0cfP2fdRxhxnIQWiAp0bMabPdHhoGxM8A6YL2GhqwgrPnnaemVE7nv5XJ2Fhh2w==}
     engines: {node: '>=10.0.0'}
     peerDependencies:
       webpack: '>=4.0.0 <6.0.0'
     dependencies:
       del: 4.1.1
-      webpack: 5.82.0
+      webpack: 5.81.0
     dev: true
 
   /client-only@0.0.1:
     resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
 
+  /clsx@1.2.1:
+    resolution: {integrity: sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==}
+    engines: {node: '>=6'}
+    dev: false
+
   /color-convert@1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
     dependencies:
@@ -2516,8 +2561,8 @@ packages:
   /convert-source-map@1.9.0:
     resolution: {integrity: sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==}
 
-  /core-js-compat@3.30.2:
-    resolution: {integrity: sha512-nriW1nuJjUgvkEjIot1Spwakz52V9YkYHZAQG6A1eCgC8AA1p0zngrQEP9R0+V6hji5XilWKG1Bd0YRppmGimA==}
+  /core-js-compat@3.30.1:
+    resolution: {integrity: sha512-d690npR7MC6P0gq4npTl5n2VQeNAmUrJ90n+MHiKS7W2+xno4o3F5GDEuylSdi6EJ3VssibSGXOa1r3YXD3Mhw==}
     dependencies:
       browserslist: 4.21.5
     dev: true
@@ -2622,27 +2667,9 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /default-browser-id@3.0.0:
-    resolution: {integrity: sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==}
-    engines: {node: '>=12'}
-    dependencies:
-      bplist-parser: 0.2.0
-      untildify: 4.0.0
-    dev: true
-
-  /default-browser@4.0.0:
-    resolution: {integrity: sha512-wX5pXO1+BrhMkSbROFsyxUm0i/cJEScyNhA4PPxc41ICuv05ZZB/MX28s8aZx6xjmatvebIapF6hLEKEcpneUA==}
-    engines: {node: '>=14.16'}
-    dependencies:
-      bundle-name: 3.0.0
-      default-browser-id: 3.0.0
-      execa: 7.1.1
-      titleize: 3.0.0
-    dev: true
-
-  /define-lazy-prop@3.0.0:
-    resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
-    engines: {node: '>=12'}
+  /define-lazy-prop@2.0.0:
+    resolution: {integrity: sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==}
+    engines: {node: '>=8'}
     dev: true
 
   /define-properties@1.2.0:
@@ -2709,8 +2736,8 @@ packages:
       jake: 10.8.5
     dev: true
 
-  /electron-to-chromium@1.4.385:
-    resolution: {integrity: sha512-L9zlje9bIw0h+CwPQumiuVlfMcV4boxRjFIWDcLfFqTZNbkwOExBzfmswytHawObQX4OUhtNv8gIiB21kOurIg==}
+  /electron-to-chromium@1.4.377:
+    resolution: {integrity: sha512-H3BYG6DW5Z+l0xcfXaicJGxrpA4kMlCxnN71+iNX+dBLkRMOdVJqFJiAmbNZZKA1zISpRg17JR03qGifXNsJtw==}
 
   /emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
@@ -2721,6 +2748,11 @@ packages:
     engines: {node: '>= 4'}
     dev: true
 
+  /encoding@0.1.13:
+    resolution: {integrity: sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==}
+    dependencies:
+      iconv-lite: 0.6.3
+
   /enhanced-resolve@5.13.0:
     resolution: {integrity: sha512-eyV8f0y1+bzyfh8xAwW/WTSZpLbjhqc4ne9eGSH4Zo2ejdyiNG9pU6mf9DG8a7+Auk6MFTlNOT4Y2y/9k8GKVg==}
     engines: {node: '>=10.13.0'}
@@ -3169,36 +3201,6 @@ packages:
     engines: {node: '>=0.8.x'}
     dev: true
 
-  /execa@5.1.1:
-    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
-    engines: {node: '>=10'}
-    dependencies:
-      cross-spawn: 7.0.3
-      get-stream: 6.0.1
-      human-signals: 2.1.0
-      is-stream: 2.0.1
-      merge-stream: 2.0.0
-      npm-run-path: 4.0.1
-      onetime: 5.1.2
-      signal-exit: 3.0.7
-      strip-final-newline: 2.0.0
-    dev: true
-
-  /execa@7.1.1:
-    resolution: {integrity: sha512-wH0eMf/UXckdUYnO21+HDztteVv05rq2GXksxT4fCGeHkBhw1DROXh40wcjMcRqDOWE7iPJ4n3M7e2+YFP+76Q==}
-    engines: {node: ^14.18.0 || ^16.14.0 || >=18.0.0}
-    dependencies:
-      cross-spawn: 7.0.3
-      get-stream: 6.0.1
-      human-signals: 4.3.1
-      is-stream: 3.0.0
-      merge-stream: 2.0.0
-      npm-run-path: 5.1.0
-      onetime: 6.0.0
-      signal-exit: 3.0.7
-      strip-final-newline: 3.0.0
-    dev: true
-
   /extend@3.0.2:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
     dev: false
@@ -3351,11 +3353,6 @@ packages:
     resolution: {integrity: sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==}
     dev: true
 
-  /get-stream@6.0.1:
-    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
-    engines: {node: '>=10'}
-    dev: true
-
   /get-symbol-description@1.0.0:
     resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
     engines: {node: '>= 0.4'}
@@ -3426,6 +3423,10 @@ packages:
       define-properties: 1.2.0
     dev: true
 
+  /globalyzer@0.1.0:
+    resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==}
+    dev: true
+
   /globby@11.1.0:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
     engines: {node: '>=10'}
@@ -3460,6 +3461,10 @@ packages:
       pinkie-promise: 2.0.1
     dev: true
 
+  /globrex@0.1.2:
+    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
+    dev: true
+
   /gopd@1.0.1:
     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
     dependencies:
@@ -3548,15 +3553,11 @@ packages:
     dependencies:
       react-is: 16.13.1
 
-  /human-signals@2.1.0:
-    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
-    engines: {node: '>=10.17.0'}
-    dev: true
-
-  /human-signals@4.3.1:
-    resolution: {integrity: sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==}
-    engines: {node: '>=14.18.0'}
-    dev: true
+  /iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      safer-buffer: 2.1.2
 
   /idb@7.1.1:
     resolution: {integrity: sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==}
@@ -3678,12 +3679,6 @@ packages:
     hasBin: true
     dev: true
 
-  /is-docker@3.0.0:
-    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    hasBin: true
-    dev: true
-
   /is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
@@ -3700,14 +3695,6 @@ packages:
     resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==}
     dev: false
 
-  /is-inside-container@1.0.0:
-    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
-    engines: {node: '>=14.16'}
-    hasBin: true
-    dependencies:
-      is-docker: 3.0.0
-    dev: true
-
   /is-map@2.0.2:
     resolution: {integrity: sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==}
     dev: true
@@ -3806,11 +3793,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /is-stream@3.0.0:
-    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dev: true
-
   /is-string@1.0.7:
     resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
     engines: {node: '>= 0.4'}
@@ -3883,7 +3865,7 @@ packages:
     resolution: {integrity: sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==}
     engines: {node: '>= 10.13.0'}
     dependencies:
-      '@types/node': 20.1.0
+      '@types/node': 18.16.3
       merge-stream: 2.0.0
       supports-color: 7.2.0
     dev: true
@@ -3892,7 +3874,7 @@ packages:
     resolution: {integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==}
     engines: {node: '>= 10.13.0'}
     dependencies:
-      '@types/node': 20.1.0
+      '@types/node': 18.16.3
       merge-stream: 2.0.0
       supports-color: 8.1.1
     dev: true
@@ -4493,16 +4475,6 @@ packages:
       mime-db: 1.52.0
     dev: true
 
-  /mimic-fn@2.1.0:
-    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /mimic-fn@4.0.0:
-    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
-    engines: {node: '>=12'}
-    dev: true
-
   /minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
     dependencies:
@@ -4566,17 +4538,17 @@ packages:
       - supports-color
     dev: false
 
-  /next-pwa@5.6.0(@babel/core@7.21.8)(next@13.4.1)(webpack@5.82.0):
+  /next-pwa@5.6.0(@babel/core@7.21.5)(next@13.4.1)(webpack@5.81.0):
     resolution: {integrity: sha512-XV8g8C6B7UmViXU8askMEYhWwQ4qc/XqJGnexbLV68hzKaGHZDMtHsm2TNxFcbR7+ypVuth/wwpiIlMwpRJJ5A==}
     peerDependencies:
       next: '>=9.0.0'
     dependencies:
-      babel-loader: 8.3.0(@babel/core@7.21.8)(webpack@5.82.0)
-      clean-webpack-plugin: 4.0.0(webpack@5.82.0)
+      babel-loader: 8.3.0(@babel/core@7.21.5)(webpack@5.81.0)
+      clean-webpack-plugin: 4.0.0(webpack@5.81.0)
       globby: 11.1.0
-      next: 13.4.1(@babel/core@7.21.8)(react-dom@18.2.0)(react@18.2.0)
-      terser-webpack-plugin: 5.3.8(webpack@5.82.0)
-      workbox-webpack-plugin: 6.5.4(webpack@5.82.0)
+      next: 13.4.1(@babel/core@7.21.5)(react-dom@18.2.0)(react@18.2.0)
+      terser-webpack-plugin: 5.3.7(webpack@5.81.0)
+      workbox-webpack-plugin: 6.5.4(webpack@5.81.0)
       workbox-window: 6.5.4
     transitivePeerDependencies:
       - '@babel/core'
@@ -4588,7 +4560,7 @@ packages:
       - webpack
     dev: true
 
-  /next@13.4.1(@babel/core@7.21.8)(react-dom@18.2.0)(react@18.2.0):
+  /next@13.4.1(@babel/core@7.21.5)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-JBw2kAIyhKDpjhEWvNVoFeIzNp9xNxg8wrthDOtMctfn3EpqGCmW0FSviNyGgOSOSn6zDaX48pmvbdf6X2W9xA==}
     engines: {node: '>=16.8.0'}
     hasBin: true
@@ -4612,11 +4584,11 @@ packages:
       '@next/env': 13.4.1
       '@swc/helpers': 0.5.1
       busboy: 1.6.0
-      caniuse-lite: 1.0.30001486
+      caniuse-lite: 1.0.30001481
       postcss: 8.4.14
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      styled-jsx: 5.1.1(@babel/core@7.21.8)(react@18.2.0)
+      styled-jsx: 5.1.1(@babel/core@7.21.5)(react@18.2.0)
       zod: 3.21.4
     optionalDependencies:
       '@next/swc-darwin-arm64': 13.4.1
@@ -4632,7 +4604,7 @@ packages:
       - '@babel/core'
       - babel-plugin-macros
 
-  /node-fetch@2.6.9:
+  /node-fetch@2.6.9(encoding@0.1.13):
     resolution: {integrity: sha512-DJm/CJkZkRjKKj4Zi4BsKVZh3ValV5IR5s7LVZnW+6YMh0W1BfNA8XSs6DLMGYlId5F3KnA70uu2qepcR08Qqg==}
     engines: {node: 4.x || >=6.0.0}
     peerDependencies:
@@ -4641,26 +4613,13 @@ packages:
       encoding:
         optional: true
     dependencies:
+      encoding: 0.1.13
       whatwg-url: 5.0.0
     dev: false
 
   /node-releases@2.0.10:
     resolution: {integrity: sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==}
 
-  /npm-run-path@4.0.1:
-    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
-    engines: {node: '>=8'}
-    dependencies:
-      path-key: 3.1.1
-    dev: true
-
-  /npm-run-path@5.1.0:
-    resolution: {integrity: sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dependencies:
-      path-key: 4.0.0
-    dev: true
-
   /object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
@@ -4731,27 +4690,12 @@ packages:
     dependencies:
       wrappy: 1.0.2
 
-  /onetime@5.1.2:
-    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
-    engines: {node: '>=6'}
-    dependencies:
-      mimic-fn: 2.1.0
-    dev: true
-
-  /onetime@6.0.0:
-    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
+  /open@8.4.2:
+    resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
     engines: {node: '>=12'}
     dependencies:
-      mimic-fn: 4.0.0
-    dev: true
-
-  /open@9.1.0:
-    resolution: {integrity: sha512-OS+QTnw1/4vrf+9hh1jc1jnYjzSG4ttTBB8UxOwAnInG3Uo4ssetzC1ihqaIHjLJnA5GGlRl6QlZXOTQhRBUvg==}
-    engines: {node: '>=14.16'}
-    dependencies:
-      default-browser: 4.0.0
-      define-lazy-prop: 3.0.0
-      is-inside-container: 1.0.0
+      define-lazy-prop: 2.0.0
+      is-docker: 2.2.1
       is-wsl: 2.2.0
     dev: true
 
@@ -4844,11 +4788,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /path-key@4.0.0:
-    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
-    engines: {node: '>=12'}
-    dev: true
-
   /path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
     dev: true
@@ -5152,13 +5091,6 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /run-applescript@5.0.0:
-    resolution: {integrity: sha512-XcT5rBksx1QdIhlFOCtgZkB99ZEouFZ1E2Kc2LHqNW13U3/74YGdkQRmThTwxy4QIyookibDKYZOPqX//6BlAg==}
-    engines: {node: '>=12'}
-    dependencies:
-      execa: 5.1.1
-    dev: true
-
   /run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
     dependencies:
@@ -5184,6 +5116,9 @@ packages:
       is-regex: 1.1.4
     dev: true
 
+  /safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
   /scheduler@0.23.0:
     resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==}
     dependencies:
@@ -5254,10 +5189,6 @@ packages:
       object-inspect: 1.12.3
     dev: true
 
-  /signal-exit@3.0.7:
-    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
-    dev: true
-
   /slash@3.0.0:
     resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
     engines: {node: '>=8'}
@@ -5391,16 +5322,6 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /strip-final-newline@2.0.0:
-    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /strip-final-newline@3.0.0:
-    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
-    engines: {node: '>=12'}
-    dev: true
-
   /strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
@@ -5422,7 +5343,7 @@ packages:
     dependencies:
       '@babel/helper-module-imports': 7.21.4
       '@babel/traverse': 7.21.5(supports-color@5.5.0)
-      '@emotion/is-prop-valid': 1.2.1
+      '@emotion/is-prop-valid': 1.2.0
       '@emotion/stylis': 0.8.5
       '@emotion/unitless': 0.7.5
       babel-plugin-styled-components: 2.1.1(styled-components@5.3.10)
@@ -5434,7 +5355,7 @@ packages:
       shallowequal: 1.1.0
       supports-color: 5.5.0
 
-  /styled-jsx@5.1.1(@babel/core@7.21.8)(react@18.2.0):
+  /styled-jsx@5.1.1(@babel/core@7.21.5)(react@18.2.0):
     resolution: {integrity: sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==}
     engines: {node: '>= 12.0.0'}
     peerDependencies:
@@ -5447,7 +5368,7 @@ packages:
       babel-plugin-macros:
         optional: true
     dependencies:
-      '@babel/core': 7.21.8
+      '@babel/core': 7.21.5
       client-only: 0.0.1
       react: 18.2.0
 
@@ -5480,7 +5401,7 @@ packages:
     resolution: {integrity: sha512-L1dapNV6vu2s/4Sputv8xGsCdAVlb5nRDMFU/E27D44l5U6cw1g0dGd45uLc+OXjNMmF4ntiMdCimzcjFKQI8Q==}
     engines: {node: ^14.18.0 || >=16.0.0}
     dependencies:
-      '@pkgr/utils': 2.4.0
+      '@pkgr/utils': 2.3.1
       tslib: 2.5.0
     dev: true
 
@@ -5504,8 +5425,8 @@ packages:
       unique-string: 2.0.0
     dev: true
 
-  /terser-webpack-plugin@5.3.8(webpack@5.82.0):
-    resolution: {integrity: sha512-WiHL3ElchZMsK27P8uIUh4604IgJyAW47LVXGbEoB21DbQcZ+OuMpGjVYnEUaqcWM6dO8uS2qUbA7LSCWqvsbg==}
+  /terser-webpack-plugin@5.3.7(webpack@5.81.0):
+    resolution: {integrity: sha512-AfKwIktyP7Cu50xNjXF/6Qb5lBNzYaWpU6YfoX3uZicTx0zTy0stDDCsvjDapKsSDvOeWo5MEq4TmdBy2cNoHw==}
     engines: {node: '>= 10.13.0'}
     peerDependencies:
       '@swc/core': '*'
@@ -5525,7 +5446,7 @@ packages:
       schema-utils: 3.1.2
       serialize-javascript: 6.0.1
       terser: 5.17.1
-      webpack: 5.82.0
+      webpack: 5.81.0
     dev: true
 
   /terser@5.17.1:
@@ -5543,9 +5464,11 @@ packages:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
-  /titleize@3.0.0:
-    resolution: {integrity: sha512-KxVu8EYHDPBdUYdKZdKtU2aj2XfEx9AfjXxE/Aj0vT06w2icA09Vus1rh6eSu1y01akYg6BjIK/hxyLJINoMLQ==}
-    engines: {node: '>=12'}
+  /tiny-glob@0.2.9:
+    resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==}
+    dependencies:
+      globalyzer: 0.1.0
+      globrex: 0.1.2
     dev: true
 
   /to-fast-properties@2.0.0:
@@ -5744,11 +5667,6 @@ packages:
     engines: {node: '>= 10.0.0'}
     dev: true
 
-  /untildify@4.0.0:
-    resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
-    engines: {node: '>=8'}
-    dev: true
-
   /upath@1.2.0:
     resolution: {integrity: sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==}
     engines: {node: '>=4'}
@@ -5840,8 +5758,8 @@ packages:
     engines: {node: '>=10.13.0'}
     dev: true
 
-  /webpack@5.82.0:
-    resolution: {integrity: sha512-iGNA2fHhnDcV1bONdUu554eZx+XeldsaeQ8T67H6KKHl2nUSwX8Zm7cmzOA46ox/X1ARxf7Bjv8wQ/HsB5fxBg==}
+  /webpack@5.81.0:
+    resolution: {integrity: sha512-AAjaJ9S4hYCVODKLQTgG5p5e11hiMawBwV2v8MYLE0C/6UAGLuAF4n1qa9GOwdxnicaP+5k6M5HrLmD4+gIB8Q==}
     engines: {node: '>=10.13.0'}
     hasBin: true
     peerDependencies:
@@ -5871,7 +5789,7 @@ packages:
       neo-async: 2.6.2
       schema-utils: 3.1.2
       tapable: 2.2.1
-      terser-webpack-plugin: 5.3.8(webpack@5.82.0)
+      terser-webpack-plugin: 5.3.7(webpack@5.81.0)
       watchpack: 2.4.0
       webpack-sources: 3.2.3
     transitivePeerDependencies:
@@ -5957,10 +5875,10 @@ packages:
     engines: {node: '>=10.0.0'}
     dependencies:
       '@apideck/better-ajv-errors': 0.3.6(ajv@8.12.0)
-      '@babel/core': 7.21.8
-      '@babel/preset-env': 7.21.5(@babel/core@7.21.8)
+      '@babel/core': 7.21.5
+      '@babel/preset-env': 7.21.5(@babel/core@7.21.5)
       '@babel/runtime': 7.21.5
-      '@rollup/plugin-babel': 5.3.1(@babel/core@7.21.8)(rollup@2.79.1)
+      '@rollup/plugin-babel': 5.3.1(@babel/core@7.21.5)(rollup@2.79.1)
       '@rollup/plugin-node-resolve': 11.2.1(rollup@2.79.1)
       '@rollup/plugin-replace': 2.4.2(rollup@2.79.1)
       '@surma/rollup-plugin-off-main-thread': 2.2.3
@@ -6078,7 +5996,7 @@ packages:
     resolution: {integrity: sha512-vo2RQo7DILVRoH5LjGqw3nphavEjK4Qk+FenXeUsknKn14eCNedHOXWbmnvP4ipKhlE35pvJ4yl4YYf6YsJArA==}
     dev: true
 
-  /workbox-webpack-plugin@6.5.4(webpack@5.82.0):
+  /workbox-webpack-plugin@6.5.4(webpack@5.81.0):
     resolution: {integrity: sha512-LmWm/zoaahe0EGmMTrSLUi+BjyR3cdGEfU3fS6PN1zKFYbqAKuQ+Oy/27e4VSXsyIwAw8+QDfk1XHNGtZu9nQg==}
     engines: {node: '>=10.0.0'}
     peerDependencies:
@@ -6087,7 +6005,7 @@ packages:
       fast-json-stable-stringify: 2.1.0
       pretty-bytes: 5.6.0
       upath: 1.2.0
-      webpack: 5.82.0
+      webpack: 5.81.0
       webpack-sources: 1.4.3
       workbox-build: 6.5.4
     transitivePeerDependencies: