chore: make boilerplate stories

TODO have framework generate these

web/src/layouts/PostsLayout/PostsLayout.stories.js

@@ -0,0 +1,17 @@
+//@ts-check
+import PostsLayout from './PostsLayout'
+
+export const generated = (args) => {
+  return (
+    <PostsLayout {...args}>
+      <></>
+    </PostsLayout>
+  )
+}
+
+export default {
+  title: 'Layouts/PostsLayout',
+  parameters: {
+    layout: 'fullscreen',
+  },
+}

web/src/pages/FatalErrorPage/FatalErrorPage.stories.js

@@ -0,0 +1,13 @@
+//@ts-check
+import FatalErrorPage from './FatalErrorPage'
+
+export default {
+  title: 'Pages/FatalErrorPage',
+  component: FatalErrorPage,
+  parameters: {
+    layout: 'fullscreen',
+  },
+}
+const Template = (args) => <FatalErrorPage {...args} />
+
+export const generated = Template.bind({})

web/src/pages/ForgotPasswordPage/ForgotPasswordPage.stories.js

@@ -0,0 +1,13 @@
+//@ts-check
+import ForgotPasswordPage from './ForgotPasswordPage'
+
+export default {
+  title: 'Pages/ForgotPasswordPage',
+  component: ForgotPasswordPage,
+  parameters: {
+    layout: 'fullscreen',
+  },
+}
+const Template = (args) => <ForgotPasswordPage {...args} />
+
+export const generated = Template.bind({})

web/src/pages/NotFoundPage/NotFoundPage.stories.js

@@ -0,0 +1,13 @@
+//@ts-check
+import NotFoundPage from './NotFoundPage'
+
+export default {
+  title: 'Pages/NotFoundPage',
+  component: NotFoundPage,
+  parameters: {
+    layout: 'fullscreen',
+  },
+}
+const Template = (args) => <NotFoundPage {...args} />
+
+export const generated = Template.bind({})

web/src/pages/ResetPasswordPage/ResetPasswordPage.stories.js

@@ -0,0 +1,13 @@
+//@ts-check
+import ResetPasswordPage from './ResetPasswordPage'
+
+export default {
+  title: 'Pages/ResetPasswordPage',
+  component: ResetPasswordPage,
+  parameters: {
+    layout: 'fullscreen',
+  },
+}
+const Template = (args) => <ResetPasswordPage {...args} />
+
+export const generated = Template.bind({})