Upgrade storybook to 10

Signed-off-by: Émile Ré <emile@getprobo.com>

packages/ui/.storybook/main.ts

@@ -0,0 +1,14 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    import.meta.resolve("@chromatic-com/storybook"),
+    import.meta.resolve("@storybook/addon-vitest"),
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+};
+export default config;

packages/ui/.storybook/preview.css

@@ -0,0 +1,5 @@
+@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap");
+@import "tailwindcss";
+@import "tw-animate-css";
+@import "../src/theme.css";
+@source "../../helpers/src";

packages/ui/.storybook/preview.tsx

@@ -0,0 +1,33 @@
+import type { Preview } from "@storybook/react";
+import { useEffect } from "react";
+import { BrowserRouter } from "react-router";
+
+import "../src/theme.css";
+import "./preview.css";
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+  decorators: [
+    (Story) => {
+      useEffect(() => {
+        document.body.classList.add("bg-level-0");
+      }, []);
+      return (
+        <BrowserRouter>
+          <div className="text-txt-primary">
+            <Story />
+          </div>
+        </BrowserRouter>
+      );
+    },
+  ],
+};
+
+export default preview;