chore: storybook deploy comment 기능 추가

.github/workflows/storybook.yaml

@@ -1,6 +1,10 @@
 name: 'Publish Storybook to Chromatic'
 
-on: push
+on:
+  push:
+    branches: main
+  pull_request:
+    branches: main
 
 jobs:
   publish-storybook-to-chromatic:
@@ -9,19 +13,37 @@ jobs:
       - uses: actions/checkout@v4
         with:
           fetch-depth: 0
+
       # setup-node의 pnpm 지원을 위한 Action
       - uses: pnpm/action-setup@v2
         with:
           version: 8.15.1
+
       - uses: actions/setup-node@v4
         with:
           node-version: 18
           cache: 'pnpm'
       - run: pnpm install
+
       - uses: chromaui/action@v1
         with:
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
           token: ${{ secrets.GITHUB_TOKEN }}
           exitZeroOnChanges: true
         env:
           STORYBOOK_API_BASE_URL: ${{ vars.STORYBOOK_API_BASE_URL }}
+        id: chromatic
+
+      - uses: actions/github-script@v7
+        if: github.event_name == 'pull_request'
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          script: |
+            const url = `${{ steps.chromatic.outputs.url }}`;
+            const message = `🚀 Storybook is deployed! View it here: ${url}`;
+            const prNumber = context.payload.pull_request.number;
+            github.rest.issues.createComment({
+              ...context.repo,
+              issue_number: prNumber,
+              body: message
+            });