ci: update Playwright workflow for Angular project setup

.github/workflows/playwright.yml

@@ -1,24 +1,51 @@
 name: Playwright Tests
+
 on:
   push:
     branches: [ main, master ]
   pull_request:
     branches: [ main, master ]
+
 jobs:
   test:
     timeout-minutes: 60
     runs-on: ubuntu-latest
+
     steps:
+      # Checkout the repository
       - uses: actions/checkout@v4
+
+      # Set up Node.js
       - uses: actions/setup-node@v4
         with:
           node-version: lts/*
+
+      # Install project dependencies
       - name: Install dependencies
         run: npm ci
+
+      # Build the Angular project
+      - name: Build Angular Project
+        run: npm run build
+
+      # Start Angular development server
+      - name: Start Angular Development Server
+        run: npm start
+        env:
+          PORT: 4200 # Ensures the server runs on a predictable port
+        continue-on-error: true
+
+      # Install Playwright and dependencies
       - name: Install Playwright Browsers
         run: npx playwright install --with-deps
-    - name: Run Playwright tests
+
+      # Run Playwright tests
+      - name: Run Playwright Tests
         run: npx playwright test
+        env:
+          CI: true # Ensures Playwright runs in CI mode
+
+      # Upload Playwright report
       - uses: actions/upload-artifact@v3
         if: ${{ !cancelled() }}
         with: