Client: added dockefile and expanded git pipeline

Author: Rad14nt

.github/workflows/auto-test.yml

@@ -42,3 +42,33 @@ jobs:
           push: true
           tags: docker.io/${{ secrets.DOCKERHUB_ADMIN_USERNAME }}/seb-server-gui-auto-testing:${{ env.TAG_NAME }}
           build-args: VITE_SUB_PATH=${{ matrix.path_name }}
+
+  build-and-push-storybook:
+    runs-on: ubuntu-latest
+    needs: build-and-push-admin
+
+    steps:
+      - name: Set env for dynamic tag
+        if: github.event_name == 'push' && startsWith(github.ref, 'refs/tags/')
+        run: echo "TAG_NAME=${GITHUB_REF#refs/*/}" >> $GITHUB_ENV
+
+      - name: Set env manual
+        if: github.event_name == 'workflow_dispatch'
+        run: echo "TAG_NAME=default_version" >> $GITHUB_ENV
+
+      - name: Checkout code
+        uses: actions/checkout@v4.2.2
+
+      - name: Login to DockerHub
+        uses: docker/login-action@v3.4.0
+        with:
+          username: ${{ secrets.DOCKERHUB_ADMIN_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_ADMIN_TOKEN }}
+
+      - name: Build and push Storybook Docker image
+        uses: docker/build-push-action@v6.17.0
+        with:
+          context: .
+          file: ./Dockerfile.storybook
+          push: true
+          tags: docker.io/${{ secrets.DOCKERHUB_ADMIN_USERNAME }}/seb-server-gui-storybook:${{ env.TAG_NAME }}

Dockerfile.storybook

@@ -0,0 +1,28 @@
+# Build Storybook
+FROM node:22.2.0 AS storybook-builder
+WORKDIR /app/client
+
+# Install dependencies
+COPY client/package*.json ./
+RUN npm install
+
+# Copy the rest of the client code
+COPY client/ .
+
+# Build static Storybook
+RUN npm run build-storybook
+
+# Final image - serve Storybook statically
+FROM node:22.2.0-alpine
+WORKDIR /app
+
+# Use a tiny static file server
+RUN npm install -g serve
+
+# Copy built Storybook
+COPY --from=storybook-builder /app/client/storybook-static ./storybook-static
+
+EXPOSE 6006
+
+# Start Storybook static site
+CMD ["serve", "-s", "storybook-static", "-l", "6006"]