add Chromatic to CI

.github/workflows/chromatic.yml

@@ -0,0 +1,20 @@
+name: "Chromatic"
+
+on: push
+
+jobs:
+  chromatic:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Run Chromatic
+        uses: chromaui/action@latest
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

chromatic.config.json

@@ -0,0 +1,4 @@
+{
+  "projectId": "Project:66228a3205a9e64e345243d6",
+  "zip": true
+}

components/sidebar.stories.tsx

@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react'
-import { notes } from '#prisma/mock-data';
 import Sidebar from "./sidebar";
+import { createNotes } from '#mocks/notes';
 
 const meta = {
   component: Sidebar,
@@ -11,7 +11,7 @@ export default meta;
 type Story = StoryObj<typeof meta>
 export const Default: Story = {
   args: {
-    notes: notes,
+    notes: createNotes(),
     children: null
   }
 }