build storybook workflow, adjust docs workflow & filefilter

.github/file-filters.yml

@@ -10,4 +10,8 @@ frontend-test-build-code: &frontend-test-build-code
   - '**/*'
 
 frontend-test-build-docs: &frontend-test-build-docs
-  - '**/*.md'
+  - '**/*.md'
+  - '.vuepress/'
+
+frontend-test-build-storybook: &frontend-test-build-storybook
+  - '**/*'

.github/workflows/frontend.test.build.docs.yml

@@ -30,5 +30,5 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@v3
 
-      - name: Frontend | Build
+      - name: Frontend | Build Docs
         run: npm install && npm run docs:build

.github/workflows/frontend.test.build.storybook.yml

@@ -0,0 +1,34 @@
+name: "test:build test code"
+
+on: push
+
+jobs:
+  # only (but most important) job from this workflow required for pull requests
+  # check results serve as run conditions for all other jobs here
+  files-changed:
+    name: Detect File Changes - frontend-test-build-storybook
+    runs-on: ubuntu-latest
+    outputs:
+      changes: ${{ steps.changes.outputs.frontend-test-build-storybook }}
+    steps:
+      - uses: actions/checkout@v3.3.0
+
+      - name: Check for frontend file changes
+        uses: dorny/paths-filter@v2.11.1
+        id: changes
+        with:
+          token: ${{ github.token }}
+          filters: .github/file-filters.yml
+          list-files: shell
+
+  storybook:
+    if: needs.files-changed.outputs.changes == 'true'
+    name: Build Storybook - Frontend
+    needs: files-changed
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Frontend | Build Storybook
+        run: npm install && npm run storybook:build