added frontend deployment pipeline

Author: yemarn510

.github/workflows/frontend_deployment.yml

@@ -0,0 +1,36 @@
+
+name: Build And Deploy Angular Project
+on:
+  push:
+    branches: [ "main" ]
+    paths:
+      - frontend/**/*
+      - .github/workflows/frontend_deployment.yml
+  workflow_dispatch:
+            
+
+jobs:
+  build-and-deploy-frontend:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Set up node.js
+        uses: actions/setup-node@v3.3.0
+        with:
+          node-version: '20.9.0'
+          cache: 'npm'
+          cache-dependency-path: frontend/yarn.lock
+
+      - name: Build And Deploy Angular Project
+        env:
+          CLOUDFLARE_API_TOKEN: ${{ vars.CLOUDFLARE_API_TOKEN }}
+          CLOUDFLARE_ACCOUNT_ID: ${{ vars.CLOUDFLARE_ACCOUNT_ID }}
+        run: |
+          cd frontend
+          yarn install
+          yarn test --no-watch --source-map=false --browsers=ChromeHeadless
+          yarn build --configuration=production
+          yarn global add wrangler --unsafe-perm=true
+          wrangler pages publish ./dist --project-name=angular-test-aug --branch=main