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/role-picker/RolePicker.stories.tsx

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import {
+    guild,
+    guildData,
+    guildEnum,
+    mastheadSlugs,
+    member,
+    roleCategory,
+    roleCategory2,
+    user,
+} from '../../fixtures/storyData';
+import { RolePickerTemplate, RolePickerTemplateProps } from './RolePicker';
+
+const props: RolePickerTemplateProps = {
+    guildData: {
+        ...guildData,
+        message:
+            'Hey, this is kind of a demo setup so features/use cases can be shown off.\n\nThanks for using Roleypoly <3',
+    },
+    member: member,
+    guild: guild,
+    guilds: mastheadSlugs,
+    roles: [...roleCategory, ...roleCategory2],
+    editable: false,
+    user: user,
+    guildEnumeration: guildEnum,
+    activeGuildId: guild.id,
+    onSubmit: () => {},
+};
+
+export default {
+    title: 'Templates/Role Picker',
+    components: RolePickerTemplate,
+    args: props,
+};
+
+export const Default = (args) => {
+    return <RolePickerTemplate {...args} />;
+};
+
+export const Editable = (args) => {
+    return <RolePickerTemplate {...args} />;
+};
+Editable.args = {
+    editable: true,
+};

packages/design-system/templates/role-picker/RolePicker.tsx

@@ -0,0 +1,17 @@
+import { AppShell, AppShellProps } from '@roleypoly/design-system/organisms/app-shell';
+import {
+    RolePicker,
+    RolePickerProps,
+} from '@roleypoly/design-system/organisms/role-picker';
+import * as React from 'react';
+
+export type RolePickerTemplateProps = RolePickerProps & Omit<AppShellProps, 'children'>;
+
+export const RolePickerTemplate = (props: RolePickerTemplateProps) => {
+    const { user, guilds, activeGuildId, ...pickerProps } = props;
+    return (
+        <AppShell activeGuildId={activeGuildId} user={user} guilds={guilds} small>
+            <RolePicker {...pickerProps} />
+        </AppShell>
+    );
+};

packages/design-system/templates/role-picker/index.ts

@@ -0,0 +1 @@
+export * from './RolePicker';