feat: preview vercel project at PR Comment

.github/workflows/vercel-preview.yml

@@ -0,0 +1,43 @@
+name: preview vercel project
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+jobs:
+  vercel-preview:
+    runs-on: ubuntu-latest
+
+    env:
+      VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+      VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install Vercel CLI
+        run: npm install --global vercel@latest
+
+      - name: Get Vercel Environment Variables
+        run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
+
+      - name: Build Project Artifacts
+        run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
+
+      - name: Deploy Project Artifacts to Vercel
+        id: deploy
+        run: |
+          vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }} > vercel-output.txt
+          echo "preview_url=$(cat vercel-output.txt)" >> $GITHUB_OUTPUT
+
+      - name: Comment PR with Preview URL
+        uses: thollander/actions-comment-pull-request@v2
+
+        with:
+          message: |
+            **The latest updates on your projects**. Preview: ${{ steps.deploy.outputs.preview_url }}
+
+            | Name | Status | Preview | Updated |
+            | :--- | :----- | :------ | :------ |
+            | **VitaminC_Web** | ✅ Ready | [Visit Preview](${{ steps.deploy.outputs.preview_url }}) | ${{ github.event.pull_request.updated_at }} |
+          reactions: eyes, rocket