Use vercel protection bypass headcer

Builds were previously breaking when UDR attempted to make HTTP requests to the
CDN (vercel public folder) to retrieve content.

Adding the `x-vercel-protection-bypass` header should fix that

Author: rmainwork

.github/workflows/build-pr-preview.yml

@@ -219,7 +219,8 @@ jobs:
           cd unified-docs-frontend-preview
           echo "HASHI_ENV=unified-docs-sandbox" >> .env
           echo "UNIFIED_DOCS_API=${{ needs.deploy-unified-docs-api-preview.outputs.preview_url }}" >> .env
-
+          echo "VERCEL_AUTOMATION_BYPASS_SECRET=${{ secrets.VERCEL_AUTOMATION_BYPASS_SECRET }}" >> .env
+          
       - name: Build dev-portal
         uses: nick-fields/retry@7152eba30c6575329ac0576536151aca5a72780e # v3.0.0
         env:
@@ -304,7 +305,7 @@ jobs:
             --max-concurrency 24
             --no-progress
             --verbose
-            --header x-vercel-protection-bypass ${{ secrets.VERCEL_AUTOMATION_BYPASS_SECRET }}
+            --header x-vercel-protection-bypass=${{ secrets.VERCEL_AUTOMATION_BYPASS_SECRET }}
           fail: false
         env:
           GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}

app/utils/file.ts

@@ -12,6 +12,12 @@ const SELF_URL = process.env.VERCEL_URL
 	? `https://${process.env.VERCEL_URL}`
 	: `http://localhost:${process.env.UNIFIED_DOCS_PORT}`
 
+const headers = process.env.VERCEL_URL
+	? new Headers({
+			'x-vercel-protection-bypass': process.env.VERCEL_AUTOMATION_BYPASS_SECRET,
+		})
+	: new Headers()
+
 /**
  * NOTE: we currently read files by fetching them from the `public` folder
  * via the Vercel CDN.
@@ -21,6 +27,7 @@ export const readFile = async (filePath: string[]) => {
 	try {
 		const res = await fetch(`${SELF_URL}/${filePath.join('/')}`, {
 			cache: 'no-cache',
+			headers,
 		})
 
 		if (!res.ok) {
@@ -49,6 +56,7 @@ export const getAssetData = async (
 	try {
 		const res = await fetch(`${SELF_URL}/${filePath.join('/')}`, {
 			cache: 'no-cache',
+			headers,
 		})
 
 		if (!res.ok) {