Move packages/apps back

apps/leafcutter/.storybook/main.js

@@ -0,0 +1,27 @@
+const path = require("path");
+const toPath = (filePath) => path.join(process.cwd(), filePath);
+
+module.exports = {
+  stories: [
+    "../stories/**/*.stories.mdx",
+    "../stories/**/*.stories.@(js|jsx|ts|tsx)",
+  ],
+  addons: [
+    "@storybook/addon-docs",
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+  ],
+  webpackFinal: async (config) => {
+    return {
+      ...config,
+      resolve: {
+        ...config.resolve,
+        alias: {
+          ...config.resolve.alias,
+          "@emotion/core": toPath("node_modules/@emotion/react"),
+          "emotion-theming": toPath("node_modules/@emotion/react"),
+        },
+      },
+    };
+  },
+};

apps/leafcutter/.storybook/preview.js

@@ -0,0 +1,30 @@
+import { AppProvider } from "../components/common/AppProvider";
+import { I18n } from "react-polyglot";
+import en from "../locales/en.json";
+import "@fontsource/roboto/400.css";
+import "@fontsource/poppins/400.css";
+import "@fontsource/poppins/700.css";
+import "@fontsource/playfair-display/900.css";
+
+const locale = "en";
+const messages = { en };
+
+export const decorators = [
+  (Story) => (
+    <I18n locale={locale} messages={messages[locale]}>
+      <AppProvider>
+        <Story />
+      </AppProvider>
+    </I18n>
+  ),
+];
+
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+};