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/atoms/tab-view/TabView.tsx

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { TabContent, TabTitle, TabTitleRow, TabViewStyled } from './TabView.styled';
+
+export type TabViewProps = {
+    children: React.ReactNode[];
+    initialTab?: number;
+};
+
+type TabProps = {
+    title: string;
+    children: () => React.ReactNode;
+};
+
+export const TabView = (props: TabViewProps) => {
+    const tabNames = React.Children.map(props.children, (child) => {
+        if (!React.isValidElement(child)) {
+            return '(Oops)';
+        }
+
+        return child.props.title;
+    }) as string[];
+
+    if (tabNames.length === 0) {
+        return null;
+    }
+
+    const [currentTab, setCurrentTab] = React.useState<number>(props.initialTab ?? 0);
+
+    return (
+        <TabViewStyled>
+            <TabTitleRow>
+                {tabNames.map((tabName, idx) => (
+                    <TabTitle
+                        selected={currentTab === idx}
+                        onClick={() => setCurrentTab(idx)}
+                        key={`tab${tabName}${idx}`}
+                    >
+                        {tabName}
+                    </TabTitle>
+                ))}
+            </TabTitleRow>
+            <TabContent>
+                {props.children[currentTab] || (
+                    <i onLoad={() => setCurrentTab(0)}>
+                        Tabs were misconfigured, resetting to zero.
+                    </i>
+                )}
+            </TabContent>
+        </TabViewStyled>
+    );
+};
+
+export const Tab = (props: TabProps) => <div>{props.children()}</div>;