🪟 🔧 Publish webapp storybook to chromatic in CI (airbytehq#16169)

* Add Publish to storybook step in webapp gradle workflow

* Set fetch-dept to 0 for airbyte webapp build

* Fix typo in chromatic config

* Fix typo when you've been writing too much css

* Fix storybook build path in gradle workflow

* Use full path in chromatic action

* Try another path configuration for chromatic workflow action

* Use label ot token in storybook deploy

* Back to github_token

* Move Storybook deploy to separate job

* Fix run command in publish storybook workflow

* Rollback publish storybook as separate step from build-frontend, add correct github token to step

* Let the chromatic step  build the storybook

* Restore storybookBuildDir on publish to chromatic step

* Add exitOnceUploaded to chromatic action

Author: edmundito

.github/workflows/gradle.yml

@@ -298,11 +298,15 @@ jobs:
           github-token: ${{ needs.find_valid_pat.outputs.pat }}
   frontend-build:
     name: "Frontend: Build"
-    needs: start-frontend-runner
+    needs:
+      - start-frontend-runner
+      - find_valid_pat
     runs-on: ${{ needs.start-frontend-runner.outputs.label }}
     steps:
       - name: Checkout Airbyte
         uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
 
       - name: Cache Build Artifacts
         uses: ./.github/actions/cache-build-artifacts
@@ -333,6 +337,17 @@ jobs:
 
       - name: Build :airbyte-webapp
         run: SUB_BUILD=PLATFORM ./gradlew --no-daemon :airbyte-webapp:build --scan
+
+      - name: Publish Storybook to Chromatic
+        uses: chromaui/action@v1
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          token: ${{ needs.find_valid_pat.outputs.pat }}
+          workingDir: ./airbyte-webapp/
+          storybookBuildDir: build/storybook/
+          exitOnceUploaded: true
+
+
   frontend-test:
     name: "Frontend: Run End-to-End Tests"
     needs: