adding monkeytype

frontend/storybook/stories/AccountMenu.stories.tsx

@@ -0,0 +1,37 @@
+import preview from "#.storybook/preview";
+
+import { AccountMenu } from "../../src/ts/components/layout/header/AccountMenu";
+
+const meta = preview.meta({
+  title: "Layout/Header/AccountMenu",
+  component: AccountMenu,
+  parameters: {
+    layout: "centered",
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    showFriendsNotificationBubble: { control: "boolean" },
+  },
+});
+
+export const Default = meta.story({
+  render: () => (
+    <div
+      style={{ position: "relative", "pointer-events": "auto", opacity: 1 }}
+      class="**:data-[ui-element='accountMenu']:pointer-events-auto **:data-[ui-element='accountMenu']:opacity-100"
+    >
+      <AccountMenu showFriendsNotificationBubble={false} />
+    </div>
+  ),
+});
+
+export const WithNotification = meta.story({
+  render: () => (
+    <div
+      style={{ position: "relative", "pointer-events": "auto", opacity: 1 }}
+      class="**:data-[ui-element='accountMenu']:pointer-events-auto **:data-[ui-element='accountMenu']:opacity-100"
+    >
+      <AccountMenu showFriendsNotificationBubble />
+    </div>
+  ),
+});