Refactor GitHub Pages deployment workflow

.github/workflows/manual-storybook-release.yml

@@ -2,19 +2,8 @@ name: Publish Storybook GitHub Page
 
 on: workflow_dispatch
 
-
 jobs:
-  storybook:
-    # Grant GITHUB_TOKEN the permissions required to make a Pages deployment
-    permissions:
-      pages: write      # to deploy to Pages
-      id-token: write   # to verify the deployment originates from an appropriate source
-
-    # Deploy to the github-pages environment
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-
+  build:
     # Specify runner + deployment step
     runs-on: ubuntu-latest
 
@@ -38,7 +27,24 @@ jobs:
       with:
         path: '.out/'
 
-    - name: Deploy to GitHub Pages
-      id: deployment
-      uses: actions/deploy-pages@v4
+  storybook-to-pages:
+      # Grant GITHUB_TOKEN the permissions required to make a Pages deployment
+    permissions:
+      contents: read
+      pages: write
+      id-token: write
 
+    # Deploy to the github-pages environment
+    environment:
+      name: gh-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    needs: build
+    runs-on: ubuntu-latest
+    name: Deploy
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
+        with:
+          artifact_name: 'gh-pages'