Refactor node packages to yarn workspaces & ditch next.js for CRA. (#161)

* chore: restructure project into yarn workspaces, remove next

* fix tests, remove webapp from terraform

* remove more ui deployment bits

* remove pages, fix FUNDING.yml

* remove isomorphism

* remove next providers

* fix linting issues

* feat: start basis of new web ui system on CRA

* chore: move types to @roleypoly/types package

* chore: move src/common/utils to @roleypoly/misc-utils

* chore: remove roleypoly/ path remappers

* chore: renmove vercel config

* chore: re-add worker-types to api package

* chore: fix type linting scope for api

* fix(web): craco should include all of packages dir

* fix(ci): change api webpack path for wrangler

* chore: remove GAR actions from CI

* chore: update codeql job

* chore: test better github dar matcher in lint-staged

packages/design-system/templates/errors/errorStrings.ts

@@ -0,0 +1,62 @@
+import { ErrorMessage } from '@roleypoly/design-system/molecules/error-banner';
+
+const defaultMessage: Required<ErrorMessage> = {
+    english: `Something went bad. How could this happen?`,
+    japanese: `わかりません...`,
+    friendlyCode: 'Oops.',
+};
+
+export const errorMessages: { [code: string]: ErrorMessage } = {
+    default: defaultMessage,
+    '400': {
+        english: 'Your client sent me something weird...',
+        japanese: '((((；゜Д゜)))',
+    },
+    '403': {
+        english: `You weren't allowed to access this.`,
+        japanese: 'あなたはこの点に合格しないかもしれません',
+    },
+    '404': {
+        english: `This page is in another castle.`,
+        japanese: 'お探しのページは見つかりませんでした',
+    },
+    '419': {
+        english: 'Something went too slowly...',
+        japanese: 'おやすみなさい〜',
+    },
+    '500': {
+        english: `The server doesn't like you right now. Feed it a cookie.`,
+        japanese: 'クッキーを送ってください〜  クッキーを送ってください〜',
+    },
+    serverFailure: {
+        english: `Server is super unhappy with you today...`,
+        japanese: 'クッキーを送ってください〜',
+        friendlyCode: `Oh no!`,
+    },
+    magicExpired: {
+        english: 'That magic login link was expired.',
+        friendlyCode: 'Woah.',
+    },
+    authFailure: {
+        english: `I tried to tell the server who you were...`,
+        japanese: `...but it didn't believe me. :( ごめんなさい`,
+        friendlyCode: 'Yo.',
+    },
+};
+
+export const getMessageFromCode = (
+    code: keyof typeof errorMessages
+): Required<ErrorMessage> => {
+    const codeStr = String(code);
+    const baseMessage = errorMessages[codeStr];
+
+    const message: Required<ErrorMessage> = {
+        english: baseMessage?.english || defaultMessage.english,
+        japanese: baseMessage?.japanese || defaultMessage.japanese,
+        friendlyCode: baseMessage
+            ? baseMessage?.friendlyCode || codeStr
+            : defaultMessage.friendlyCode,
+    };
+
+    return message;
+};