Adds jest

.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

.storybook/main.js

@@ -0,0 +1,16 @@
+module.exports = {
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)"
+  ],
+  "addons": [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+    "@storybook/preset-create-react-app"
+  ],
+  "framework": "@storybook/react",
+  "core": {
+    "builder": "@storybook/builder-webpack5"
+  }
+}

.storybook/preview-head.html

@@ -0,0 +1,18 @@
+<link
+  href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;600;800&family=Noto+Sans:ital,wght@0,100;0,500;0,800;1,400&display=swap"
+  rel="stylesheet"
+/>
+
+<style>
+  body,
+  html {
+    padding: 0;
+    margin: 0;
+    font-family: "Montserrat", sans-serif;
+  }
+
+  a,
+  button {
+    font-family: "Montserrat", sans-serif;
+  }
+</style>

.storybook/preview.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { addDecorator } from "@storybook/react";
+import { MemoryRouter } from "react-router";
+
+addDecorator(story => <MemoryRouter initialEntries={['/']}>{story()}</MemoryRouter>);
+
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}