chore: restructure project into yarn workspaces, remove next

packages/design-system/molecules/help-page-base/BUILD.bazel

@@ -0,0 +1,10 @@
+load("//hack/bazel/js:react.bzl", "react_library")
+
+package(default_visibility = ["//visibility:public"])
+
+react_library(
+    name = "help-page-base",
+    deps = [
+        "//src/design-system/atoms/colors",
+    ],
+)

packages/design-system/molecules/help-page-base/HelpPageBase.stories.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { HelpStoryWrapper } from './storyDecorator';
+
+export default {
+    title: 'Molecules/Help Page',
+    decorators: [HelpStoryWrapper],
+};
+
+export const Base = () => (
+    <>
+        <h1>What is the world but vibrations?</h1>
+        <p>Vibrations that synchronize and tie it together, running free forever.</p>
+    </>
+);

packages/design-system/molecules/help-page-base/HelpPageBase.tsx

@@ -0,0 +1,21 @@
+import { palette } from '@roleypoly/design-system/atoms/colors';
+import * as React from 'react';
+import styled from 'styled-components';
+
+export type HelpPageProps = {
+    children: React.ReactNode;
+};
+
+const Container = styled.div`
+    background: ${palette.taupe300};
+    padding: 2em 3em;
+    width: 1024px;
+    max-width: 98vw;
+    margin: 0 auto;
+    margin-top: 75px;
+    box-sizing: border-box;
+`;
+
+export const HelpPageBase = (props: HelpPageProps) => (
+    <Container>{props.children}</Container>
+);

packages/design-system/molecules/help-page-base/index.ts

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

packages/design-system/molecules/help-page-base/storyDecorator.tsx

@@ -0,0 +1,9 @@
+import { Content } from '@roleypoly/design-system/organisms/app-shell/AppShell.styled';
+import * as React from 'react';
+import { HelpPageBase } from './HelpPageBase';
+
+export const HelpStoryWrapper = (storyFn: any): React.ReactNode => (
+    <Content>
+        <HelpPageBase>{storyFn()}</HelpPageBase>
+    </Content>
+);