chore(ci): add names to the jobs in chromatic.yml [ci visual] (#4757)

add names to the jobs in chromatic.yml

.github/workflows/chromatic.yml

@@ -6,17 +6,20 @@ env:
   NX_CLOUD_AUTH_TOKEN: ${{ secrets.NX_CLOUD_AUTH_TOKEN }}
 
 jobs:
-  test:
+  chromatic-deployment:
     if: "contains(github.event.head_commit.message, '[ci visual]') || contains(github.event.head_commit.message, 'chore(deps-dev)') || github.event.ref == 'refs/heads/main'"
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - name: Checkout
+        uses: actions/checkout@v3
         with:
           fetch-depth: 0 # Chromatic requires to have full git history
       - name: Setup Node.js and Cache
         uses: ./.github/actions/nodejs
-      - run: yarn run build
-      - uses: chromaui/action@v1
+      - name: Build Styles
+        run: yarn run build
+      - name: Publish to Chromatic
+        uses: chromaui/action@v1
         with:
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
           token: ${{ secrets.GITHUB_TOKEN }}