feat: add storybook and new badge component with stories

frontend/.storybook/preview.tsx

@@ -0,0 +1,45 @@
+import type { Preview } from "@storybook/react-vite";
+
+import { RouterDecorator } from "./decorators";
+
+import "../src/index.css";
+
+const preview: Preview = {
+  decorators: [
+    (Story) => {
+      const root = document.getElementsByTagName("html")[0];
+
+      root.setAttribute("class", "overflow-visible");
+
+      return <Story />;
+    },
+    RouterDecorator
+  ],
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i
+      }
+    },
+    docs: {
+      backgroundColor: "var(--background)"
+    },
+    a11y: {
+      test: "todo"
+    },
+    backgrounds: {
+      default: "dark",
+      options: {
+        dark: { name: "Dark", value: "var(--background)" }
+      }
+    }
+  },
+  initialGlobals: {
+    backgrounds: {
+      value: "dark"
+    }
+  }
+};
+
+export default preview;