adding more dumb easter eggs 🐣

2025-04-26 09:25:22 -04:00 · 2022-05-06 22:49:46 -04:00 · 2022-05-06 22:49:46 -04:00 · d8363d131a
commit d8363d131a
parent d67428b043
18 changed files with 350 additions and 212 deletions
--- a/components/Figure/Figure.tsx
+++ b/components/Figure/Figure.tsx
@ -1,5 +1,5 @@
 import innerText from "react-innertext";
-import Image, { CustomImageProps } from "../Image";
+import Image, { ImageProps } from "../Image";
 import { styled } from "../../lib/styles/stitches.config";
 import type { PropsWithChildren } from "react";

@ -20,7 +20,7 @@ const Caption = styled("figcaption", {
  },
 });

-export type FigureProps = Omit<CustomImageProps, "alt"> &
+export type FigureProps = Omit<ImageProps, "alt"> &
  PropsWithChildren<{
    alt?: string; // becomes optional -- pulled from plaintext-ified caption if missing
  }>;
--- a/components/Icons/index.ts
+++ b/components/Icons/index.ts
@ -24,5 +24,6 @@ export { default as StarOcticon } from "@primer/octicons/build/svg/star-16.svg";
 export { default as XOcticon } from "@primer/octicons/build/svg/x-16.svg";

 // simple icons: https://simpleicons.org/
-export { default as NextjsLogo } from "simple-icons/icons/nextdotjs.svg";
 export { default as FathomLogo } from "simple-icons/icons/fathom.svg";
+export { default as NextjsLogo } from "simple-icons/icons/nextdotjs.svg";
+export { default as Windows95Logo } from "simple-icons/icons/windows95.svg";
--- a/components/Image/Image.tsx
+++ b/components/Image/Image.tsx
@ -16,12 +16,12 @@ const RoundedImage = styled(NextImage, {
  borderRadius: "$rounded",
 });

-export type CustomImageProps = NextImageProps &
+export type ImageProps = NextImageProps &
  ComponentProps<typeof RoundedImage> & {
    href?: string; // optionally wrap image in a link
  };

-const CustomImage = ({
+const Image = ({
  src,
  width,
  height,
@ -33,7 +33,7 @@ const CustomImage = ({
  href,
  className,
  ...rest
-}: CustomImageProps) => {
+}: ImageProps) => {
  // passed directly into next/image: https://nextjs.org/docs/api-reference/next/image
  const imageProps: Partial<NextImageProps> = {
    width: typeof width === "string" ? Number.parseInt(width.replace("px", "")) : width,
@ -73,4 +73,4 @@ const CustomImage = ({
  );
 };

-export default CustomImage;
+export default Image;
--- a/components/Link/Link.tsx
+++ b/components/Link/Link.tsx
@ -34,13 +34,13 @@ const FancyLink = styled("a", {
  },
 });

-export type CustomLinkProps = Omit<ComponentProps<typeof FancyLink>, "href"> &
+export type LinkProps = Omit<ComponentProps<typeof FancyLink>, "href"> &
  NextLinkProps & {
    underline?: boolean;
    forceNewWindow?: boolean;
  };

-const CustomLink = ({
+const Link = ({
  href,
  prefetch = false,
  passHref = true,
@ -49,7 +49,7 @@ const CustomLink = ({
  underline = true,
  forceNewWindow,
  ...rest
-}: CustomLinkProps) => {
+}: LinkProps) => {
  // this component auto-detects whether or not we should use a normal HTML anchor externally or next/link internally,
  // can be overridden with `forceNewWindow={true}`.
  const isExternal = isAbsoluteUrl(href.toString());
@ -73,4 +73,4 @@ const CustomLink = ({
  }
 };

-export default CustomLink;
+export default Link;
--- a/components/Marquee/Marquee.tsx
+++ b/components/Marquee/Marquee.tsx
@ -0,0 +1,45 @@
+import { styled, keyframes } from "../../lib/styles/stitches.config";
+import type { ComponentProps } from "react";
+
+// warning: super duper hacky CSS, probably don't use this.
+// inspired by https://codepen.io/Knovour/pen/boJNPN
+
+const Wrapper = styled("div", {
+  position: "relative",
+  overflowX: "hidden",
+  width: "100%",
+  height: "2em",
+});
+
+const Track = styled("div", {
+  position: "absolute",
+  width: "100%",
+  height: "100%",
+  whiteSpace: "nowrap",
+  textAlign: "left",
+
+  "@media (prefers-reduced-motion: no-preference)": {
+    animation: `${keyframes({
+      from: { transform: "translateX(100%)" },
+      to: { transform: "translateX(-100%)" },
+    })} 16s linear infinite`,
+    willChange: "transform",
+
+    "@medium": {
+      animation: `${keyframes({
+        from: { transform: "translateX(100%)" },
+        to: { transform: "translateX(-180%)" },
+      })} 20s linear infinite`,
+    },
+  },
+});
+
+export type MarqueeProps = ComponentProps<typeof Wrapper>;
+
+const Marquee = ({ children, ...rest }: MarqueeProps) => (
+  <Wrapper {...rest}>
+    <Track>{children}</Track>
+  </Wrapper>
+);
+
+export default Marquee;
--- a/components/Marquee/index.ts
+++ b/components/Marquee/index.ts
@ -0,0 +1,2 @@
+export * from "./Marquee";
+export { default } from "./Marquee";
--- a/components/ThemeScript/ThemeScript.tsx
+++ b/components/ThemeScript/ThemeScript.tsx
@ -32,7 +32,8 @@ const ThemeScript = () => {
    return result.code;
  }, []);

-  // the script tag injected manually into `<head>` in _document.tsx.
+  // the script tag injected manually into `<head>` in _document.tsx to prevent FARTing:
+  // https://css-tricks.com/flash-of-inaccurate-color-theme-fart/
  // even though it's the proper method, using next/script with `strategy="beforeInteractive"` still causes flash of
  // white on load. injecting a normal script tag lets us prioritize setting the `<html>` class even more urgently.
  // TODO: using next/script *might* be possible after https://github.com/vercel/next.js/pull/36364 is merged.
--- a/components/VNC/VNC.tsx
+++ b/components/VNC/VNC.tsx
@ -16,7 +16,7 @@ const Display = styled(
      background: "none !important",

      "& canvas": {
-        cursor: "default !important",
+        cursor: "inherit !important",
      },
    },
  },
--- a/lib/styles/fonts/ComicNeue.ts
+++ b/lib/styles/fonts/ComicNeue.ts
@ -3,10 +3,15 @@ import comicNeueLatin400NormalWoff from "@fontsource/comic-neue/files/comic-neue
 import comicNeueLatin400NormalWoff2 from "@fontsource/comic-neue/files/comic-neue-latin-400-normal.woff2";
 import comicNeueLatin700NormalWoff from "@fontsource/comic-neue/files/comic-neue-latin-700-normal.woff";
 import comicNeueLatin700NormalWoff2 from "@fontsource/comic-neue/files/comic-neue-latin-700-normal.woff2";
+import comicNeueLatin400ItalicWoff from "@fontsource/comic-neue/files/comic-neue-latin-400-italic.woff";
+import comicNeueLatin400ItalicWoff2 from "@fontsource/comic-neue/files/comic-neue-latin-400-italic.woff2";
+import comicNeueLatin700ItalicWoff from "@fontsource/comic-neue/files/comic-neue-latin-700-italic.woff";
+import comicNeueLatin700ItalicWoff2 from "@fontsource/comic-neue/files/comic-neue-latin-700-italic.woff2";

 export const name = {
  regular: "Comic Neue",
 };
+export const preloadUrls = [];
 export const family = [
  {
    fontFamily: name.regular,
@ -22,4 +27,18 @@ export const family = [
    fontWeight: 700,
    src: `url(${comicNeueLatin700NormalWoff2}) format("woff2"), url(${comicNeueLatin700NormalWoff}) format("woff")`,
  },
+  {
+    fontFamily: name.regular,
+    fontStyle: "italic",
+    fontDisplay: "swap",
+    fontWeight: 400,
+    src: `url(${comicNeueLatin400ItalicWoff2}) format("woff2"), url(${comicNeueLatin400ItalicWoff}) format("woff")`,
+  },
+  {
+    fontFamily: name.regular,
+    fontStyle: "italic",
+    fontDisplay: "swap",
+    fontWeight: 700,
+    src: `url(${comicNeueLatin700ItalicWoff2}) format("woff2"), url(${comicNeueLatin700ItalicWoff}) format("woff")`,
+  },
 ];
--- a/lib/styles/stitches.config.ts
+++ b/lib/styles/stitches.config.ts
@ -161,4 +161,4 @@ export const globalStyles = globalCss(
 );

 // re-export hashed URLs of the most important variable fonts so we can preload them in pages/_document.tsx
-export const preloadUrls = [...Inter.preloadUrls, ...RobotoMono.preloadUrls];
+export const preloadUrls = [...Inter.preloadUrls, ...RobotoMono.preloadUrls, ...ComicNeue.preloadUrls];
--- a/package.json
+++ b/package.json
@ -25,13 +25,14 @@
    "@hcaptcha/react-hcaptcha": "^1.3.0",
    "@novnc/novnc": "github:novnc/noVNC#7730814b8d43d24db0894b641317be4b9f683da4",
    "@octokit/graphql": "^4.8.0",
-    "@primer/octicons": "^17.0.0",
-    "@react-spring/web": "^9.4.4",
+    "@primer/octicons": "^17.1.0",
+    "@react-spring/web": "^9.4.5",
    "@sentry/node": "^6.19.7",
    "@sentry/tracing": "^6.19.7",
    "@stitches/react": "^1.2.8",
    "copy-to-clipboard": "^3.3.1",
-    "dayjs": "^1.11.1",
+    "dayjs": "^1.11.2",
+    "dedent": "^0.7.0",
    "fathom-client": "^3.4.1",
    "faunadb": "^4.5.4",
    "feather-icons": "^4.29.0",
@ -78,9 +79,10 @@
    "@jakejarvis/eslint-config": "*",
    "@next/bundle-analyzer": "12.1.6",
    "@svgr/webpack": "^6.2.1",
+    "@types/dedent": "^0.7.0",
    "@types/node": "*",
    "@types/prop-types": "^15.7.5",
-    "@types/react": "^18.0.8",
+    "@types/react": "^18.0.9",
    "@types/react-dom": "^18.0.3",
    "@types/react-is": "^17.0.3",
    "@types/remove-markdown": "^0.3.1",
@ -89,7 +91,7 @@
    "@typescript-eslint/eslint-plugin": "^5.22.0",
    "@typescript-eslint/parser": "^5.22.0",
    "cross-env": "^7.0.3",
-    "eslint": "~8.14.0",
+    "eslint": "~8.15.0",
    "eslint-config-next": "12.1.6",
    "eslint-config-prettier": "~8.5.0",
    "eslint-plugin-mdx": "~1.17.0",
--- a/pages/cli.tsx
+++ b/pages/cli.tsx
@ -4,7 +4,7 @@ import PageTitle from "../components/PageTitle";
 import Link from "../components/Link";
 import Image from "../components/Image";
 import Blockquote from "../components/Blockquote";
-import Code from "../components/CodeHybrid";
+import CodeBlock from "../components/CodeBlock";
 import { H2 } from "../components/Heading";
 import { UnorderedList, ListItem } from "../components/List";

@ -33,7 +33,7 @@ const CLI = () => (
      <Image src={cliImg} href="https://www.npmjs.com/package/@jakejarvis/cli" alt="Terminal Screenshot" priority />

      <H2 id="usage">Usage</H2>
-      <Code forceBlock>npx @jakejarvis/cli</Code>
+      <CodeBlock>npx @jakejarvis/cli</CodeBlock>

      <H2 id="inspired-by">Inspired by</H2>
      <UnorderedList>
--- a/pages/index.tsx
+++ b/pages/index.tsx
@ -1,4 +1,4 @@
-import Link, { CustomLinkProps } from "../components/Link";
+import Link, { LinkProps } from "../components/Link";
 import { styled, keyframes, darkTheme } from "../lib/styles/stitches.config";

 const ColorfulLink = ({
@ -6,7 +6,7 @@ const ColorfulLink = ({
  darkColor,
  css,
  ...rest
-}: CustomLinkProps & {
+}: LinkProps & {
  lightColor: string;
  darkColor: string;
 }) => {
--- a/pages/previously.tsx
+++ b/pages/previously.tsx
@ -2,13 +2,17 @@

 import Head from "next/head";
 import { NextSeo } from "next-seo";
+import dedent from "dedent";
 import Content from "../components/Content";
 import PageTitle from "../components/PageTitle";
 import Link from "../components/Link";
 import Figure from "../components/Figure";
 import IFrame from "../components/IFrame";
-import Code from "../components/CodeInline";
+import CodeInline from "../components/CodeInline";
 import HorizontalRule from "../components/HorizontalRule";
+import Marquee from "../components/Marquee";
+import { Windows95Logo } from "../components/Icons";
+import { styled } from "../lib/styles/stitches.config";

 import img_wayback from "../public/static/images/previously/wayback.png";
 import img_2002_02 from "../public/static/images/previously/2002_02.png";
@ -25,65 +29,76 @@ import img_2012_09 from "../public/static/images/previously/2012_09.png";
 import img_2018_04 from "../public/static/images/previously/2018_04.png";
 import img_2020_03 from "../public/static/images/previously/2020_03.png";

+const WindowsIcon = styled(Windows95Logo, {
+  width: "1.2em",
+  height: "1.2em",
+  verticalAlign: "-0.15em",
+  marginRight: "0.15em",
+  fill: "currentColor",
+});
+
 const Previously = () => (
  <>
    <Head>
      {/* a complete sh*tshow of overrides, mainly to compensate for font change */}
      <style
        dangerouslySetInnerHTML={{
-          __html: `
-body {
-  font-family: "Comic Neue", "Comic Sans MS", "Comic Sans", sans-serif !important;
-  font-weight: 600 !important;
-}
-/* left header */
-header nav > a:first-of-type span:last-of-type {
-  font-size: 1.4em !important;
-  font-weight: 700 !important;
-}
-/* right header */
-header nav ul a span {
-  font-size: 1.1em !important;
-  font-weight: 700 !important;
-  line-height: 1.1;
-}
-/* content */
-main > div > div {
-  font-size: 1.1em !important;
-  text-align: center;
-}
-main > div > div p {
-  font-size: 0.95em;
-}
-main > div > div strong {
-  font-weight: 900;
-}
-main > div > div code {
-  font-size: 0.85em !important;
-  font-weight: 400;
-}
-main > div > div figure:last-of-type {
-  margin-bottom: 0;
-}
-/* footer */
-footer > div {
-  font-size: 0.95em !important;
-}
-/* components */
-figcaption,
-.iframe_caption {
-  margin-top: 0.2em;
-  font-size: 0.9em;
-  line-height: 1.5;
-  color: var(--colors-medium);
-  text-align: center;
-}
-hr {
-  margin: 1em auto !important;
-}
-iframe {
-  margin-bottom: 0.6em !important;
-}`,
+          __html: dedent`
+            body {
+              font-family: "Comic Neue", "Comic Sans MS", "Comic Sans", sans-serif !important;
+              font-weight: 600 !important;
+            }
+            em {
+              font-style: revert !important;
+            }
+            /* left header */
+            header nav > a:first-of-type span:last-of-type {
+              font-size: 1.4em !important;
+              font-weight: 700 !important;
+            }
+            /* right header */
+            header nav ul a span {
+              font-size: 1.1em !important;
+              font-weight: 700 !important;
+              line-height: 1.1;
+            }
+            /* content */
+            main > div > div {
+              font-size: 1.1em !important;
+              text-align: center;
+            }
+            main > div > div p {
+              font-size: 0.95em;
+            }
+            main > div > div strong {
+              font-weight: 900;
+            }
+            main > div > div code {
+              font-size: 0.85em !important;
+              font-weight: 400;
+            }
+            main > div > div figure:last-of-type {
+              margin-bottom: 0;
+            }
+            /* footer */
+            footer > div {
+              font-size: 0.95em !important;
+            }
+            /* components */
+            figcaption,
+            .iframe_caption {
+              margin-top: 0.2em;
+              font-size: 0.9em;
+              line-height: 1.5;
+              color: var(--colors-medium);
+              text-align: center;
+            }
+            hr {
+              margin: 1em auto !important;
+            }
+            iframe {
+              margin-bottom: 0.6em !important;
+            }`,
        }}
      />
    </Head>
@ -111,16 +126,28 @@ iframe {

      <HorizontalRule />

-      <p>
-        🚨 <strong>Trigger warning:</strong> marquees, Comic Sans, popups,{" "}
-        <Code>
+      <Marquee>
+        🚨 <strong>Trigger warning:</strong> excessive marquees, animated GIFs, Comic Sans, popups,{" "}
+        <CodeInline>
          color: <span style={{ color: "#32cd32" }}>limegreen</span>
-        </Code>
-        ...{" "}
-        <Link href="/y2k/" prefetch={false}>
-          Click for the{" "}
+        </CodeInline>{" "}
+        ahead...
+      </Marquee>
+
+      <p style={{ marginTop: 0 }}>
+        <Link
+          href="/y2k/"
+          prefetch={false}
+          css={{
+            "&:hover": {
+              // classic windows 9x hand cursor easter egg
+              cursor: `url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAgMAAAAOFJJnAAAACVBMVEVHcEwAAAD///8W1S+BAAAAAXRSTlMAQObYZgAAAEdJREFUeAFjoAVghTGkHIhghMAYmQEwxlIYYxlYlSiQMQEsELUKyli1ahWYwQZjMGIwGLKQGA4QA1EYEP0rGVAZrKGhSF4BAHw/HsVwshytAAAAAElFTkSuQmCC") 16 12, auto`,
+            },
+          }}
+        >
+          <WindowsIcon /> Click here for the{" "}
          <strong>
-            <em>FULL</em>
+            <em>full</em>
          </strong>{" "}
          experience anyway.
        </Link>
--- a/pages/privacy.tsx
+++ b/pages/privacy.tsx
@ -5,7 +5,7 @@ import Link from "../components/Link";
 import Image from "../components/Image";
 import IFrame from "../components/IFrame";
 import Blockquote from "../components/Blockquote";
-import Code from "../components/CodeInline";
+import CodeInline from "../components/CodeInline";
 import { H2 } from "../components/Heading";
 import { UnorderedList, ListItem } from "../components/List";
 import { fathomSiteId, siteDomain } from "../lib/config";
@ -54,8 +54,8 @@ const Privacy = () => (

      <p>
        A very simple hit counter on each blog post tallies an aggregate number of pageviews (i.e.{" "}
-        <Code>hits = hits + 1</Code>) in a <Link href="https://fauna.com/">Fauna</Link> database. Individual views and
-        identifying (or non-identifying) details are <strong>never stored or logged</strong>.
+        <CodeInline>hits = hits + 1</CodeInline>) in a <Link href="https://fauna.com/">Fauna</Link> database. Individual
+        views and identifying (or non-identifying) details are <strong>never stored or logged</strong>.
      </p>

      <p>
--- a/pages/uses.tsx
+++ b/pages/uses.tsx
@ -3,7 +3,7 @@ import Content from "../components/Content";
 import PageTitle from "../components/PageTitle";
 import Link from "../components/Link";
 import Image from "../components/Image";
-import Code from "../components/CodeInline";
+import CodeInline from "../components/CodeInline";
 import { H2 } from "../components/Heading";
 import { UnorderedList, ListItem } from "../components/List";

@ -138,7 +138,7 @@ const Uses = () => (
              <Link href="https://github.com/jakejarvis/dotfiles/blob/main/zsh/aliases.zsh">ZSH aliases</Link> and{" "}
              <Link href="https://github.com/jakejarvis/dotfiles/blob/main/zsh/functions.zsh">functions</Link> are in{" "}
              <Link href="https://github.com/jakejarvis/dotfiles">
-                my <Code>.dotfiles</Code> repository.
+                my <CodeInline>.dotfiles</CodeInline> repository.
              </Link>
            </ListItem>
            <ListItem>
@ -258,7 +258,7 @@ const Uses = () => (
          <UnorderedList>
            <ListItem>
              <Link href="https://github.com/jakejarvis/dotfiles/blob/main/Brewfile">
-                View my messy <Code>Brewfile</Code> dump
+                View my messy <CodeInline>Brewfile</CodeInline> dump
              </Link>{" "}
              with all of my installed packages.
            </ListItem>
@ -378,7 +378,7 @@ const Uses = () => (
          <UnorderedList>
            <ListItem>
              <Link href="https://github.com/jakejarvis/dotfiles/blob/main/firefox/user.js">
-                My default <Code>user.js</Code> settings.
+                My default <CodeInline>user.js</CodeInline> settings.
              </Link>
            </ListItem>
            <ListItem>
--- a/pages/y2k.tsx
+++ b/pages/y2k.tsx
@ -1,6 +1,7 @@
 import { useEffect, useState } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import dynamic from "next/dynamic";
+import Head from "next/head";
 import { NextSeo } from "next-seo";
 import Layout from "../components/Layout";
 import Terminal from "../components/Terminal";
@ -61,6 +62,15 @@ const Y2K = () => {

  return (
    <>
+      <Head>
+        {/* TODO: favicon doesn't change back to normal when navigating away from page */}
+        <link
+          href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAA2tJREFUOE+Nk21sU2Ucxc/T3Xu73vXedl3fNtuCNm4oW9jY1M2hRAIBZCSGxMWFOWIMBDRGzNzQ+PJhvmCcgkSTLZioifIiBiQBNWo6Gdlw4AwMGFAyR8fWbuu6vt12W297+5hbM42RDz4f/yfn5OSX8xD8z+d+eMhqLi97mhJtFaGpi6NMaNNMZuI7cid/SfUgH7gvU6/h2HpVL8q3PcpruVXB6fDZ+cPL1uY8z5x0grUd/0+AfvuRtxLh2l3VrmyRU8NjPGKCssKHW2YLYjNKFCO+HkSVbnxV+zN2DLT+K6B45cD3ky524wubgc1uCd29bngVBybKIohpCpHvBtIzgHI+CPinKtQifweUGD2nAtWZhkP7gljPEzz7TQP6x1OwT09KU7ZiIdJgxbqVAHigbxBIfB26jIOWFbmAUtHz4E1m7Hzv5SAegRmV7Y3w6uVgKuN9Ap/V/6rqf2ziTrnb6q2vVBEMKcCBjiDQYSNEBRa54e8/+sW3lesfMuOx3e/ippbFrPBLJw6uaf8H8t73jW1b2rbtLYU+D3jn85iMnhsNuQa7nmuiu5sm8eqhLvTGlsEuyogzUlzVqFUish00NMnSrFBo0FfyICaAhoHEyetdpKPjqSqRuTDgDb/NHfM3QTacg4vWQJwhYEQWjD2MyF0J3DIJiE1pgWAS0NK/il3z7SftLzVdHA9ZK68Y9iMQPZG7lxi3wNv3w7H0pbFLesGgT0ixBJ+vm9awnJsxFeuUFM3maYkmyoydJc83r6JX8QYGsBqOK+8hUlEO2NZAo+DL0EemlkUG6hILXfJh6YHlnHrL+tP5o3OnD5CWxidj4/d0i2d6esBdGMHSxqUImFxYwtQhpBvxTBUc6dP7S/OWJGtfp0YbiFmHVBHgG/UgE0+4VIh0+ZsU/t+2e+Qzt2sEZ6vBUs1j1smBS9+dXogvsGbGBouWg5LDCoRlH4YLjm/Apy//SHZue234qLXl/mhnGbGWl9uUq/EPRefjq2ddGx20wgy9yGCeGlGSdCJPljCh6f8pQkf3qebcEnds3dl6Lrv1g+uG283FQ5+ckCVJjPKWYfHanC5pWKto3C6WKzAm045sVwL+vkXjIhviqKvTLcw275m3M3uS94bCmHZLwqDltM78YicnCPGs/HFuK4Hfa+bu9HP/BEU2W1FE/2aJAAAAAElFTkSuQmCC"
+          rel="icon"
+          type="image/png"
+        />
+      </Head>
+
      <NextSeo
        title="Y2K Sandbox: Powered by Windows Me™ 💾"
        description="My first website on a Windows Me-powered time machine. You've been warned."
@ -79,7 +89,13 @@ const Y2K = () => {
 // disable layout's default styles so the wallpaper component can go edge-to-edge:
 Y2K.getLayout = (page: ReactElement) => {
  return (
-    <Layout container={false}>
+    <Layout
+      container={false}
+      css={{
+        // classic windows 9x cursor easter egg
+        cursor: `url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAZklEQVR4AWIAgn/uBT6A9uoAAwAQiIJo97/0Rgy0ANoJH8MPeEgtqwPQEACqCoQHAKECQKgAECoAhAoAoQJAqAAQxh1oPQfcW3kJpxHtL1AAHAwEwwdYiH8BIEgBTBRAAAEEEEAAG7mRt30hEhoLAAAAAElFTkSuQmCC") 2 1, auto`,
+      }}
+    >
      <Wrapper>{page}</Wrapper>
    </Layout>
  );
--- a/yarn.lock
+++ b/yarn.lock
@ -1028,19 +1028,19 @@
  resolved "https://registry.yarnpkg.com/@corex/deepmerge/-/deepmerge-2.6.148.tgz#8fa825d53ffd1cbcafce1b6a830eefd3dcc09dd5"
  integrity sha512-6QMz0/2h5C3ua51iAnXMPWFbb1QOU1UvSM4bKBw5mzdT+WtLgjbETBBIQZ+Sh9WvEcGwlAt/DEdRpIC3XlDBMA==

-"@eslint/eslintrc@^1.2.2":
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.2.2.tgz#4989b9e8c0216747ee7cca314ae73791bb281aae"
-  integrity sha512-lTVWHs7O2hjBFZunXTZYnYqtB9GakA1lnxIf+gKq2nY5gxkkNi/lQvveW6t8gFdOHTg6nG50Xs95PrLqVpcaLg==
+"@eslint/eslintrc@^1.2.3":
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.2.3.tgz#fcaa2bcef39e13d6e9e7f6271f4cc7cae1174886"
+  integrity sha512-uGo44hIwoLGNyduRpjdEpovcbMdd+Nv7amtmJxnKmI8xj6yd5LncmSwDa5NgX/41lIFJtkjD6YdVfgEzPfJ5UA==
  dependencies:
    ajv "^6.12.4"
    debug "^4.3.2"
-    espree "^9.3.1"
+    espree "^9.3.2"
    globals "^13.9.0"
    ignore "^5.2.0"
    import-fresh "^3.2.1"
    js-yaml "^4.1.0"
-    minimatch "^3.0.4"
+    minimatch "^3.1.2"
    strip-json-comments "^3.1.1"

 "@fontsource/comic-neue@4.5.8":
@ -1100,24 +1100,24 @@
    "@jridgewell/sourcemap-codec" "^1.4.10"

 "@jridgewell/resolve-uri@^3.0.3":
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.0.6.tgz#4ac237f4dabc8dd93330386907b97591801f7352"
-  integrity sha512-R7xHtBSNm+9SyvpJkdQl+qrM3Hm2fea3Ef197M3mUug+v+yR+Rhfbs7PBtcBUVnIWJ4JcAdjvij+c8hXS9p5aw==
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.0.7.tgz#30cd49820a962aff48c8fffc5cd760151fca61fe"
+  integrity sha512-8cXDaBBHOr2pQ7j77Y6Vp5VDT2sIqWyWQ56TjEq4ih/a4iST3dItRe8Q9fp0rrIl9DoKhWQtUQz/YpOxLkXbNA==

 "@jridgewell/set-array@^1.0.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.0.tgz#1179863356ac8fbea64a5a4bcde93a4871012c01"
-  integrity sha512-SfJxIxNVYLTsKwzB3MoOQ1yxf4w/E6MdkvTgrgAt1bfxjSrLUoHMKrDOykwN14q65waezZIdqDneUIPh4/sKxg==
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.1.tgz#36a6acc93987adcf0ba50c66908bd0b70de8afea"
+  integrity sha512-Ct5MqZkLGEXTVmQYbGtx9SVqD2fqwvdubdps5D3djjAkgkKwT918VNOz65pEHFaYTeWcukmJmH5SwsA9Tn2ObQ==

 "@jridgewell/sourcemap-codec@^1.4.10":
-  version "1.4.12"
-  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.12.tgz#7ed98f6fa525ffb7c56a2cbecb5f7bb91abd2baf"
-  integrity sha512-az/NhpIwP3K33ILr0T2bso+k2E/SLf8Yidd8mHl0n6sCQ4YdyC8qDhZA6kOPDNDBA56ZnIjngVl0U3jREA0BUA==
+  version "1.4.13"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.13.tgz#b6461fb0c2964356c469e115f504c95ad97ab88c"
+  integrity sha512-GryiOJmNcWbovBxTfZSF71V/mXbgcV3MewDe3kIMCLyIh5e7SKAeUZs+rMnJ8jkMolZ/4/VsdBmMrw3l+VdZ3w==

 "@jridgewell/trace-mapping@^0.3.9":
-  version "0.3.9"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz#6534fd5933a53ba7cbf3a17615e273a0d1273ff9"
-  integrity sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==
+  version "0.3.10"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.10.tgz#db436f0917d655393851bc258918c00226c9b183"
+  integrity sha512-Q0YbBd6OTsXm8Y21+YUSDXupHnodNC2M4O18jtd3iwJ3+vMZNdKGols0a9G6JOK0dcJ3IdUUHoh908ZI6qhk8Q==
  dependencies:
    "@jridgewell/resolve-uri" "^3.0.3"
    "@jridgewell/sourcemap-codec" "^1.4.10"
@ -1323,58 +1323,58 @@
  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.21.tgz#5de5a2385a35309427f6011992b544514d559aa1"
  integrity sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==

-"@primer/octicons@^17.0.0":
-  version "17.0.0"
-  resolved "https://registry.yarnpkg.com/@primer/octicons/-/octicons-17.0.0.tgz#9dc752aeb3d2269f7c7827f04148ef5e55555374"
-  integrity sha512-DiIjtous4XPuR2deTctD3/RVZy/vRzVYBgYYvHV313MmTfkbVP60qLH5txrT3/bYNvnb0poNDelLS6U0kqlvHA==
+"@primer/octicons@^17.1.0":
+  version "17.1.0"
+  resolved "https://registry.yarnpkg.com/@primer/octicons/-/octicons-17.1.0.tgz#55734bbefa396c44289c94c4427a472380bda078"
+  integrity sha512-F/YH+WeLDeIVijC8xW3iwyrDEG3asbZSMP40uMI3TXk7HTAaVgziM9/ZXigsCARZjX2nVRvOT4JE0VN2C/5Q5A==
  dependencies:
    object-assign "^4.1.1"

-"@react-spring/animated@~9.4.4":
-  version "9.4.4"
-  resolved "https://registry.yarnpkg.com/@react-spring/animated/-/animated-9.4.4.tgz#15e21923e55c06ca2bcea432869b91b2f8b07519"
-  integrity sha512-e9xnuBaUTD+NolKikUmrGWjX8AVCPyj1GcEgjgq9E+0sXKv46UY7cm2EmB6mUDTxWIDVKebARY++xT4nGDraBQ==
+"@react-spring/animated@~9.4.5":
+  version "9.4.5"
+  resolved "https://registry.yarnpkg.com/@react-spring/animated/-/animated-9.4.5.tgz#dd9921c716a4f4a3ed29491e0c0c9f8ca0eb1a54"
+  integrity sha512-KWqrtvJSMx6Fj9nMJkhTwM9r6LIriExDRV6YHZV9HKQsaolUFppgkOXpC+rsL1JEtEvKv6EkLLmSqHTnuYjiIA==
  dependencies:
-    "@react-spring/shared" "~9.4.4"
-    "@react-spring/types" "~9.4.4"
+    "@react-spring/shared" "~9.4.5"
+    "@react-spring/types" "~9.4.5"

-"@react-spring/core@~9.4.4":
-  version "9.4.4"
-  resolved "https://registry.yarnpkg.com/@react-spring/core/-/core-9.4.4.tgz#7730988cec7302ba6e0977cf4c08c30249d95622"
-  integrity sha512-llgb0ljFyjMB0JhWsaFHOi9XFT8n1jBMVs1IFY2ipIBerWIRWrgUmIpakLPHTa4c4jwqTaDSwX90s2a0iN7dxQ==
+"@react-spring/core@~9.4.5":
+  version "9.4.5"
+  resolved "https://registry.yarnpkg.com/@react-spring/core/-/core-9.4.5.tgz#4616e1adc18dd10f5731f100ebdbe9518b89ba3c"
+  integrity sha512-83u3FzfQmGMJFwZLAJSwF24/ZJctwUkWtyPD7KYtNagrFeQKUH1I05ZuhmCmqW+2w1KDW1SFWQ43RawqfXKiiQ==
  dependencies:
-    "@react-spring/animated" "~9.4.4"
-    "@react-spring/rafz" "~9.4.4"
-    "@react-spring/shared" "~9.4.4"
-    "@react-spring/types" "~9.4.4"
+    "@react-spring/animated" "~9.4.5"
+    "@react-spring/rafz" "~9.4.5"
+    "@react-spring/shared" "~9.4.5"
+    "@react-spring/types" "~9.4.5"

-"@react-spring/rafz@~9.4.4":
-  version "9.4.4"
-  resolved "https://registry.yarnpkg.com/@react-spring/rafz/-/rafz-9.4.4.tgz#736c9ed1099baebeea20c357b9700b01b83ea9de"
-  integrity sha512-5ki/sQ06Mdf8AuFstSt5zbNNicRT4LZogiJttDAww1ozhuvemafNWEHxhzcULgCPCDu2s7HsroaISV7+GQWrhw==
+"@react-spring/rafz@~9.4.5":
+  version "9.4.5"
+  resolved "https://registry.yarnpkg.com/@react-spring/rafz/-/rafz-9.4.5.tgz#84f809f287f2a66bbfbc66195db340482f886bd7"
+  integrity sha512-swGsutMwvnoyTRxvqhfJBtGM8Ipx6ks0RkIpNX9F/U7XmyPvBMGd3GgX/mqxZUpdlsuI1zr/jiYw+GXZxAlLcQ==

-"@react-spring/shared@~9.4.4":
-  version "9.4.4"
-  resolved "https://registry.yarnpkg.com/@react-spring/shared/-/shared-9.4.4.tgz#e1ae00a77d170d86d77d9a19dc7015bdddc2d26f"
-  integrity sha512-ySVgScDZlhm/+Iy2smY9i/DDrShArY0j6zjTS/Re1lasKnhq8qigoGiAxe8xMPJNlCaj3uczCqHy3TY9bKRtfQ==
+"@react-spring/shared@~9.4.5":
+  version "9.4.5"
+  resolved "https://registry.yarnpkg.com/@react-spring/shared/-/shared-9.4.5.tgz#4c3ad817bca547984fb1539204d752a412a6d829"
+  integrity sha512-JhMh3nFKsqyag0KM5IIM8BQANGscTdd0mMv3BXsUiMZrcjQTskyfnv5qxEeGWbJGGar52qr5kHuBHtCjQOzniA==
  dependencies:
-    "@react-spring/rafz" "~9.4.4"
-    "@react-spring/types" "~9.4.4"
+    "@react-spring/rafz" "~9.4.5"
+    "@react-spring/types" "~9.4.5"

-"@react-spring/types@~9.4.4":
-  version "9.4.4"
-  resolved "https://registry.yarnpkg.com/@react-spring/types/-/types-9.4.4.tgz#97c69881788e624d7cc68d4385fdaa9b5fd20642"
-  integrity sha512-KpxKt/D//q/t/6FBcde/RE36LKp8PpWu7kFEMLwpzMGl9RpcexunmYOQJWwmJWtkQjgE1YRr7DzBMryz6La1cQ==
+"@react-spring/types@~9.4.5":
+  version "9.4.5"
+  resolved "https://registry.yarnpkg.com/@react-spring/types/-/types-9.4.5.tgz#9c71e5ff866b5484a7ef3db822bf6c10e77bdd8c"
+  integrity sha512-mpRIamoHwql0ogxEUh9yr4TP0xU5CWyZxVQeccGkHHF8kPMErtDXJlxyo0lj+telRF35XNihtPTWoflqtyARmg==

-"@react-spring/web@^9.4.4":
-  version "9.4.4"
-  resolved "https://registry.yarnpkg.com/@react-spring/web/-/web-9.4.4.tgz#0d13356e61c1d47e83a36112e19e5db691f3fbe5"
-  integrity sha512-iJmOLdhcuizriUlu/xqBc5y8KaFts+UI+iC+GxyTwBtzxA9czKiSAZW2ESuhG8stafa3jncwjfTQQp84KN36cw==
+"@react-spring/web@^9.4.5":
+  version "9.4.5"
+  resolved "https://registry.yarnpkg.com/@react-spring/web/-/web-9.4.5.tgz#b92f05b87cdc0963a59ee149e677dcaff09f680e"
+  integrity sha512-NGAkOtKmOzDEctL7MzRlQGv24sRce++0xAY7KlcxmeVkR7LRSGkoXHaIfm9ObzxPMcPHQYQhf3+X9jepIFNHQA==
  dependencies:
-    "@react-spring/animated" "~9.4.4"
-    "@react-spring/core" "~9.4.4"
-    "@react-spring/shared" "~9.4.4"
-    "@react-spring/types" "~9.4.4"
+    "@react-spring/animated" "~9.4.5"
+    "@react-spring/core" "~9.4.5"
+    "@react-spring/shared" "~9.4.5"
+    "@react-spring/types" "~9.4.5"

 "@rushstack/eslint-patch@^1.1.3":
  version "1.1.3"
@ -1576,6 +1576,11 @@
  dependencies:
    "@types/ms" "*"

+"@types/dedent@^0.7.0":
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/@types/dedent/-/dedent-0.7.0.tgz#155f339ca404e6dd90b9ce46a3f78fd69ca9b050"
+  integrity sha512-EGlKlgMhnLt/cM4DbUSafFdrkeJoC9Mvnj0PUCU7tFmTjMjNRT957kXCx0wYm3JuEq4o4ZsS5vG+NlkM2DMd2A==
+
 "@types/estree-jsx@^0.0.1":
  version "0.0.1"
  resolved "https://registry.yarnpkg.com/@types/estree-jsx/-/estree-jsx-0.0.1.tgz#c36d7a1afeb47a95a8ee0b7bc8bc705db38f919d"
@ -1681,10 +1686,10 @@
  dependencies:
    "@types/react" "*"

-"@types/react@*", "@types/react@>=16", "@types/react@^18.0.8":
-  version "18.0.8"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.8.tgz#a051eb380a9fbcaa404550543c58e1cf5ce4ab87"
-  integrity sha512-+j2hk9BzCOrrOSJASi5XiOyBbERk9jG5O73Ya4M0env5Ixi6vUNli4qy994AINcEF+1IEHISYFfIT4zwr++LKw==
+"@types/react@*", "@types/react@>=16", "@types/react@^18.0.9":
+  version "18.0.9"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.9.tgz#d6712a38bd6cd83469603e7359511126f122e878"
+  integrity sha512-9bjbg1hJHUm4De19L1cHiW0Jvx3geel6Qczhjd0qY5VKVE2X5+x77YxAepuCwVh4vrgZJdgEJw48zrhRIeF4Nw==
  dependencies:
    "@types/prop-types" "*"
    "@types/scheduler" "*"
@ -1814,7 +1819,7 @@
  resolved "https://registry.yarnpkg.com/@xobotyi/scrollbar-width/-/scrollbar-width-1.9.5.tgz#80224a6919272f405b87913ca13b92929bdf3c4d"
  integrity sha512-N8tkAACJx2ww8vFMneJmaAgmjAG1tnVBZJRLRcx061tmsLRZHSEZSLuGWnwPtunsSLvSqXQ2wfp7Mgqg1I+2dQ==

-acorn-jsx@^5.0.0, acorn-jsx@^5.3.1:
+acorn-jsx@^5.0.0, acorn-jsx@^5.3.2:
  version "5.3.2"
  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
@ -1824,7 +1829,7 @@ acorn-walk@^8.0.0:
  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
  integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==

-acorn@^8.0.0, acorn@^8.0.4, acorn@^8.7.0:
+acorn@^8.0.0, acorn@^8.0.4, acorn@^8.7.1:
  version "8.7.1"
  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.7.1.tgz#0197122c843d1bf6d0a5e83220a788f278f63c30"
  integrity sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==
@ -1926,13 +1931,13 @@ aria-query@^4.2.2:
    "@babel/runtime-corejs3" "^7.10.2"

 array-includes@^3.1.4:
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.4.tgz#f5b493162c760f3539631f005ba2bb46acb45ba9"
-  integrity sha512-ZTNSQkmWumEbiHO2GF4GmWxYVTiQyJy2XOTa15sdQSrvKn7l+180egQMqlrMOUMCyLMD7pmyQe4mMDUT6Behrw==
+  version "3.1.5"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.5.tgz#2c320010db8d31031fd2a5f6b3bbd4b1aad31bdb"
+  integrity sha512-iSDYZMMyTPkiFasVqfuAQnWAYcvO/SeBSCGKePoEthjp4LEMTe4uLc7b025o4jAZpHhihh8xPo99TNWUWWkGDQ==
  dependencies:
    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.19.1"
+    define-properties "^1.1.4"
+    es-abstract "^1.19.5"
    get-intrinsic "^1.1.1"
    is-string "^1.0.7"

@ -2106,9 +2111,9 @@ camelcase@^6.2.0:
  integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==

 caniuse-lite@^1.0.30001332:
-  version "1.0.30001335"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001335.tgz#899254a0b70579e5a957c32dced79f0727c61f2a"
-  integrity sha512-ddP1Tgm7z2iIxu6QTtbZUv6HJxSaV/PZeSrWFZtbY4JZ69tOeNhBCl3HyRQgeNZKE5AOn1kpV7fhljigy0Ty3w==
+  version "1.0.30001338"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001338.tgz#b5dd7a7941a51a16480bdf6ff82bded1628eec0d"
+  integrity sha512-1gLHWyfVoRDsHieO+CaeYe7jSo/MT7D7lhaXUiwwbuR5BwQxORs0f1tAwUSQr3YbxRXJvxHM/PA5FfPQRnsPeQ==

 ccount@^1.0.0:
  version "1.1.0"
@ -2406,10 +2411,10 @@ data-uri-to-buffer@^4.0.0:
  resolved "https://registry.yarnpkg.com/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz#b5db46aea50f6176428ac05b73be39a57701a64b"
  integrity sha512-Vr3mLBA8qWmcuschSLAOogKgQ/Jwxulv3RNE4FXnYWRGujzrRWQI4m12fQqRkwX06C0KanhLr4hK+GydchZsaA==

-dayjs@^1.11.1:
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.1.tgz#90b33a3dda3417258d48ad2771b415def6545eb0"
-  integrity sha512-ER7EjqVAMkRRsxNCC5YqJ9d9VQYuWdGt7aiH2qA5R5wt8ZmWaP2dLUSIK6y/kVzLMlmh1Tvu5xUf4M/wdGJ5KA==
+dayjs@^1.11.2:
+  version "1.11.2"
+  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.2.tgz#fa0f5223ef0d6724b3d8327134890cfe3d72fbe5"
+  integrity sha512-F4LXf1OeU9hrSYRPTTj/6FbO4HTjPKXvEIC1P2kcnFurViINCVk3ZV0xAS3XVx9MkMsXbbqlK6hjseaYbgKEHw==

 debug@4, debug@^4.0.0, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
  version "4.3.4"
@ -2444,6 +2449,11 @@ decode-uri-component@^0.2.0:
  resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
  integrity sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=

+dedent@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
+  integrity sha1-JJXduvbrh0q7Dhvp3yLS5aVEMmw=
+
 deep-is@^0.1.3:
  version "0.1.4"
  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
@ -2459,7 +2469,7 @@ deepmerge@^4.0.0, deepmerge@^4.2.2:
  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
  integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==

-define-properties@^1.1.3:
+define-properties@^1.1.3, define-properties@^1.1.4:
  version "1.1.4"
  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.4.tgz#0b14d7bd7fbeb2f3572c3a7eda80ea5d57fb05b1"
  integrity sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==
@ -2549,9 +2559,9 @@ eastasianwidth@^0.2.0:
  integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==

 electron-to-chromium@^1.4.118:
-  version "1.4.130"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.130.tgz#99d95d84dedb7d003c17151c67fde6d136dcc6ab"
-  integrity sha512-Xmht+yS42G0QAzLBYFTuCYofQ3NGUBENPyW9hi8PxrVm3E76AVVdFNl3xxTJ8/N2L8XEUb29hOEMGh/GFnZHrA==
+  version "1.4.136"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.136.tgz#b6a3595a9c29d6d8f60e092d40ac24f997e4e7ef"
+  integrity sha512-GnITX8rHnUrIVnTxU9UlsTnSemHUA2iF+6QrRqxFbp/mf0vfuSc/goEyyQhUX3TUUCE3mv/4BNuXOtaJ4ur0eA==

 emoji-regex@^8.0.0:
  version "8.0.0"
@ -2595,17 +2605,19 @@ error-stack-parser@^2.0.6:
  dependencies:
    stackframe "^1.1.1"

-es-abstract@^1.19.1, es-abstract@^1.19.2:
-  version "1.19.5"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.19.5.tgz#a2cb01eb87f724e815b278b0dd0d00f36ca9a7f1"
-  integrity sha512-Aa2G2+Rd3b6kxEUKTF4TaW67czBLyAv3z7VOhYRU50YBx+bbsYZ9xQP4lMNazePuFlybXI0V4MruPos7qUo5fA==
+es-abstract@^1.19.0, es-abstract@^1.19.1, es-abstract@^1.19.2, es-abstract@^1.19.5:
+  version "1.20.0"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.20.0.tgz#b2d526489cceca004588296334726329e0a6bfb6"
+  integrity sha512-URbD8tgRthKD3YcC39vbvSDrX23upXnPcnGAjQfgxXF5ID75YcENawc9ZX/9iTP9ptUyfCLIxTTuMYoRfiOVKA==
  dependencies:
    call-bind "^1.0.2"
    es-to-primitive "^1.2.1"
    function-bind "^1.1.1"
+    function.prototype.name "^1.1.5"
    get-intrinsic "^1.1.1"
    get-symbol-description "^1.0.0"
    has "^1.0.3"
+    has-property-descriptors "^1.0.0"
    has-symbols "^1.0.3"
    internal-slot "^1.0.3"
    is-callable "^1.2.4"
@ -2617,9 +2629,10 @@ es-abstract@^1.19.1, es-abstract@^1.19.2:
    object-inspect "^1.12.0"
    object-keys "^1.1.1"
    object.assign "^4.1.2"
-    string.prototype.trimend "^1.0.4"
-    string.prototype.trimstart "^1.0.4"
-    unbox-primitive "^1.0.1"
+    regexp.prototype.flags "^1.4.1"
+    string.prototype.trimend "^1.0.5"
+    string.prototype.trimstart "^1.0.5"
+    unbox-primitive "^1.0.2"

 es-shim-unscopables@^1.0.0:
  version "1.0.0"
@ -2836,12 +2849,12 @@ eslint-visitor-keys@^3.0.0, eslint-visitor-keys@^3.3.0:
  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz#f6480fa6b1f30efe2d1968aa8ac745b862469826"
  integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==

-eslint@~8.14.0:
-  version "8.14.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.14.0.tgz#62741f159d9eb4a79695b28ec4989fcdec623239"
-  integrity sha512-3/CE4aJX7LNEiE3i6FeodHmI/38GZtWCsAtsymScmzYapx8q1nVVb+eLcLSzATmCPXw5pT4TqVs1E0OmxAd9tw==
+eslint@~8.15.0:
+  version "8.15.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.15.0.tgz#fea1d55a7062da48d82600d2e0974c55612a11e9"
+  integrity sha512-GG5USZ1jhCu8HJkzGgeK8/+RGnHaNYZGrGDzUtigK3BsGESW/rs2az23XqE0WVwDxy1VRvvjSSGu5nB0Bu+6SA==
  dependencies:
-    "@eslint/eslintrc" "^1.2.2"
+    "@eslint/eslintrc" "^1.2.3"
    "@humanwhocodes/config-array" "^0.9.2"
    ajv "^6.10.0"
    chalk "^4.0.0"
@ -2852,7 +2865,7 @@ eslint@~8.14.0:
    eslint-scope "^7.1.1"
    eslint-utils "^3.0.0"
    eslint-visitor-keys "^3.3.0"
-    espree "^9.3.1"
+    espree "^9.3.2"
    esquery "^1.4.0"
    esutils "^2.0.2"
    fast-deep-equal "^3.1.3"
@ -2868,7 +2881,7 @@ eslint@~8.14.0:
    json-stable-stringify-without-jsonify "^1.0.1"
    levn "^0.4.1"
    lodash.merge "^4.6.2"
-    minimatch "^3.0.4"
+    minimatch "^3.1.2"
    natural-compare "^1.4.0"
    optionator "^0.9.1"
    regexpp "^3.2.0"
@ -2877,13 +2890,13 @@ eslint@~8.14.0:
    text-table "^0.2.0"
    v8-compile-cache "^2.0.3"

-espree@^9.3.1:
-  version "9.3.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-9.3.1.tgz#8793b4bc27ea4c778c19908e0719e7b8f4115bcd"
-  integrity sha512-bvdyLmJMfwkV3NCRl5ZhJf22zBFo1y8bYh3VYb+bfzqNB4Je68P2sSuXyuFquzWLebHpNd2/d5uv7yoP9ISnGQ==
+espree@^9.3.2:
+  version "9.3.2"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.3.2.tgz#f58f77bd334731182801ced3380a8cc859091596"
+  integrity sha512-D211tC7ZwouTIuY5x9XnS0E9sWNChB7IYKX/Xp5eQj3nFXhqmiUDB9q27y76oFl8jTg3pXcQx/bpxMfs3CIZbA==
  dependencies:
-    acorn "^8.7.0"
-    acorn-jsx "^5.3.1"
+    acorn "^8.7.1"
+    acorn-jsx "^5.3.2"
    eslint-visitor-keys "^3.3.0"

 esprima@^4.0.0:
@ -3147,6 +3160,16 @@ function-bind@^1.1.1:
  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==

+function.prototype.name@^1.1.5:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.5.tgz#cce0505fe1ffb80503e6f9e46cc64e46a12a9621"
+  integrity sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.3"
+    es-abstract "^1.19.0"
+    functions-have-names "^1.2.2"
+
 functional-red-black-tree@^1.0.1:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
@ -4653,9 +4676,9 @@ nano-css@^5.3.1:
    stylis "^4.0.6"

 nanoid@^3.1.30, nanoid@^3.3.3:
-  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.3.tgz#fd8e8b7aa761fe807dba2d1b98fb7241bb724a25"
-  integrity sha512-p1sjXuopFs0xg+fPASzQ28agW1oHD7xDsd9Xkf3T15H3c/cifrFHVwrh74PdoklAPi+i7MdRsE47vm2r6JoB+w==
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
+  integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==

 natural-compare@^1.4.0:
  version "1.4.0"
@ -4815,12 +4838,12 @@ object.fromentries@^2.0.5:
    es-abstract "^1.19.1"

 object.hasown@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.0.tgz#7232ed266f34d197d15cac5880232f7a4790afe5"
-  integrity sha512-MhjYRfj3GBlhSkDHo6QmvgjRLXQ2zndabdf3nX0yTyZK9rPfxb6uRpAac8HXNLy1GpqWtZ81Qh4v3uOls2sRAg==
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.1.tgz#ad1eecc60d03f49460600430d97f23882cf592a3"
+  integrity sha512-LYLe4tivNQzq4JdaWW6WO3HMZZJWzkkH8fnI6EebWl0VZth2wL2Lovm74ep2/gZzlaTdV62JZHEqHQ2yVn8Q/A==
  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.19.1"
+    define-properties "^1.1.4"
+    es-abstract "^1.19.5"

 object.values@^1.1.5:
  version "1.1.5"
@ -5769,21 +5792,23 @@ string.prototype.matchall@^4.0.6:
    regexp.prototype.flags "^1.4.1"
    side-channel "^1.0.4"

-string.prototype.trimend@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.4.tgz#e75ae90c2942c63504686c18b287b4a0b1a45f80"
-  integrity sha512-y9xCjw1P23Awk8EvTpcyL2NIr1j7wJ39f+k6lvRnSMz+mz9CGz9NYPelDk42kOz6+ql8xjfK8oYzy3jAP5QU5A==
+string.prototype.trimend@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.5.tgz#914a65baaab25fbdd4ee291ca7dde57e869cb8d0"
+  integrity sha512-I7RGvmjV4pJ7O3kdf+LXFpVfdNOxtCW/2C8f6jNiW4+PQchwxkCDzlk1/7p+Wl4bqFIZeF47qAHXLuHHWKAxog==
  dependencies:
    call-bind "^1.0.2"
-    define-properties "^1.1.3"
+    define-properties "^1.1.4"
+    es-abstract "^1.19.5"

-string.prototype.trimstart@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.4.tgz#b36399af4ab2999b4c9c648bd7a3fb2bb26feeed"
-  integrity sha512-jh6e984OBfvxS50tdY2nRZnoC5/mLFKOREQfw8t5yytkoUsJRNxvI/E39qu1sD0OtWI3OC0XgKSmcWwziwYuZw==
+string.prototype.trimstart@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.5.tgz#5466d93ba58cfa2134839f81d7f42437e8c01fef"
+  integrity sha512-THx16TJCGlsN0o6dl2o6ncWUsdgnLRSA23rRE5pyGBw/mLr3Ej/R2LaqCtgP8VNMGZsvMWnf9ooZPyY2bHvUFg==
  dependencies:
    call-bind "^1.0.2"
-    define-properties "^1.1.3"
+    define-properties "^1.1.4"
+    es-abstract "^1.19.5"

 stringify-entities@^3.0.0:
  version "3.1.0"
@ -6039,7 +6064,7 @@ uglify-js@^3.15.4:
  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.15.4.tgz#fa95c257e88f85614915b906204b9623d4fa340d"
  integrity sha512-vMOPGDuvXecPs34V74qDKk4iJ/SN4vL3Ow/23ixafENYvtrNvtbcgUeugTcUGRGsOF/5fU8/NYSL5Hyb3l1OJA==

-unbox-primitive@^1.0.1:
+unbox-primitive@^1.0.2:
  version "1.0.2"
  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
  integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==