add storybook

src/Website/.storybook/main.ts

@@ -0,0 +1,49 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+
+const config: StorybookConfig = {
+  stories: [
+    "../stories/Configure.mdx",
+    "../stories/SubmitButton.stories.tsx",
+    "../stories/FormField.stories.tsx",
+    "../stories/Navbar.stories.tsx",
+    "../stories/Themes.stories.tsx",
+  ],
+  addons: [
+    "@chromatic-com/storybook",
+    "@storybook/addon-vitest",
+    "@storybook/addon-a11y",
+    "@storybook/addon-docs",
+    "@storybook/addon-onboarding",
+  ],
+  framework: "@storybook/react-vite",
+  async viteFinal(config) {
+    config.plugins = (config.plugins ?? []).filter((plugin) => {
+      if (!plugin) {
+        return true;
+      }
+
+      const pluginName = typeof plugin === "object" && "name" in plugin ? plugin.name : "";
+      return !pluginName.startsWith("react-router");
+    });
+
+    config.build ??= {};
+    config.build.rollupOptions ??= {};
+
+    const previousOnWarn = config.build.rollupOptions.onwarn;
+    config.build.rollupOptions.onwarn = (warning, warn) => {
+      if (warning.code === "MODULE_LEVEL_DIRECTIVE") {
+        return;
+      }
+
+      if (typeof previousOnWarn === "function") {
+        previousOnWarn(warning, warn);
+        return;
+      }
+
+      warn(warning);
+    };
+
+    return config;
+  },
+};
+export default config;