add 404 page (#344)

pages/404.tsx

@@ -0,0 +1,29 @@
+import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
+import { useTranslation } from 'next-i18next'
+import { RektIcon } from '../components/icons'
+
+export async function getStaticProps({ locale }) {
+  return {
+    props: {
+      ...(await serverSideTranslations(locale, ['common', 'delegate'])),
+      // Will be passed to the page component as props
+    },
+  }
+}
+
+export default function Custom404() {
+  const { t } = useTranslation('common')
+  return (
+    <div
+      className="mx-auto flex max-w-xl flex-col items-center justify-center text-center"
+      style={{ height: 'calc(100vh - 80px)' }}
+    >
+      <RektIcon className="mb-6 h-14 w-auto -rotate-6 transform text-th-red" />
+      <span className="text-lg font-bold text-th-fgd-4">404</span>
+      <h1 className="mt-1 text-3xl text-th-fgd-1 sm:text-4xl">
+        {t('404-heading')}
+      </h1>
+      <p className="mt-2 text-lg text-th-fgd-4">{t('404-description')}</p>
+    </div>
+  )
+}

public/locales/en/common.json

@@ -1,5 +1,7 @@
 {
    "30-day": "30-day",
+   "404-heading": "This page was liquidated",
+   "404-description": "or, never existed...",
    "about-to-withdraw": "You're about to withdraw",
    "above": "Above",
    "accept": "Accept",

public/locales/es/common.json

@@ -1,5 +1,7 @@
 {
    "30-day": "30-day",
+   "404-heading": "This page was liquidated",
+   "404-description": "or, never existed...",
    "about-to-withdraw": "Estas a punto de retirar",
    "above": "Encima",
    "accept": "Aceptar",

public/locales/zh/common.json

@@ -1,5 +1,7 @@
 {
     "30-day": "30天",
+    "404-heading": "This page was liquidated",
+    "404-description": "or, never existed...",
     "about-to-withdraw": "您正在取款",
     "above": "高于",
     "accept": "接受",

public/locales/zh_tw/common.json

@@ -1,5 +1,7 @@
 {
   "30-day": "30天",
+  "404-heading": "This page was liquidated",
+  "404-description": "or, never existed...",
   "about-to-withdraw": "您正在取款",
   "above": "高於",
   "accept": "接受",