feat: add EmptyState stories

Author: gregfromstl

apps/dashboard/src/app/team/[team_slug]/[project_slug]/components/EmptyState.stories.tsx

@@ -0,0 +1,41 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { BadgeContainer, mobileViewport } from "stories/utils";
+import { EmptyState } from "./EmptyState";
+
+const meta = {
+  title: "project/Overview/EmptyState",
+  component: Component,
+  parameters: {
+    layout: "centered",
+  },
+} satisfies Meta<typeof Component>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Desktop: Story = {
+  parameters: {
+    nextjs: {
+      appDirectory: true,
+    },
+  },
+};
+
+export const Mobile: Story = {
+  parameters: {
+    nextjs: {
+      appDirectory: true,
+    },
+    viewport: mobileViewport("iphone14"),
+  },
+};
+
+function Component() {
+  return (
+    <div className="container max-w-[1150px] py-8">
+      <BadgeContainer label="Base">
+        <EmptyState />
+      </BadgeContainer>
+    </div>
+  );
+}

apps/dashboard/src/app/team/[team_slug]/[project_slug]/components/EmptyState.tsx

@@ -26,8 +26,7 @@ export function EmptyState() {
               Project Overview is Coming Soon
             </h3>
             <p className="text-muted-foreground text-base">
-              Understand how usees are interacting with your project in a
-              glance.
+              Understand how users are interacting with your project
             </p>
           </div>
           <div className="flex flex-wrap gap-2 justify-center items-center">