PATCH: Blog page updates (#20)

* Changelog
- Post layout changes for normal and hero posts

* Changelog
- hide reading time for mob screen

* updated styling and dep

* image and next js config fix

* avatar update

* added missing alt tag for avatar

---------

Co-authored-by: Jude Fernandes <jude.manutd@gmail.com>

.github/workflows/pr.yml

@@ -36,7 +36,9 @@ jobs:
 
       - name: Install Node.js dependencies
         if: ${{ steps.cache-npm.outputs.cache-hit != 'true' }}
-        run: npm ci --include=dev
+        run: |
+          npm install -g pnpm
+          pnpm install --frozen-lockfile
 
       - name: Run Formatter Check
         run: npm run prettier:check

next.config.js

@@ -18,11 +18,11 @@ const commonCspDirectives = [
   "media-src 'self'",
   "worker-src 'self' blob:",
   "style-src 'self' www.googletagmanager.com tagmanager.google.com checkout.stripe.com fonts.googleapis.com tagmanager.google.com https://optimize.google.com 'unsafe-inline'",
-  `frame-src 'self' https://www.google.com https://www.youtube.com vars.hotjar.com www.googletagmanager.com https://optimize.google.com *.stripe.com *.stripe.network maps.google.com maps.googleapis.com maps.google.com *.facebook.com connect.facebook.net *.snapchat.com challenges.cloudflare.com`,
+  `frame-src 'self' octalogicblog.prismic.io https://www.google.com https://www.youtube.com vars.hotjar.com www.googletagmanager.com https://optimize.google.com *.stripe.com *.stripe.network maps.google.com maps.googleapis.com maps.google.com *.facebook.com connect.facebook.net *.snapchat.com challenges.cloudflare.com`,
   `connect-src 'self' *.hotjar.com wss://*.hotjar.com *.hotjar.io www.googletagmanager.com *.googleapis.com *.stripe.com maps.googleapis.com maps.google.com fonts.googleapis.com fonts.gstatic.com https://google-analytics.com https://ssl.google-analytics.com https://www.google-analytics.com stats.g.doubleclick.net ampcid.google.com analytics.google.com *.facebook.com connect.facebook.net https://tr.snapchat.com challenges.cloudflare.com cloudflareinsights.com images.prismic.io ${
     !isProduction ? "localhost:* ws://localhost:*" : ""
   } vitals.vercel-insights.com about: data:`,
-  `script-src 'self' 'unsafe-inline' ajax.cloudflare.com static.cloudflareinsights.com https://www.google.com https://www.gstatic.com https://static.hotjar.com https://script.hotjar.com https://www.googletagmanager.com https://googletagmanager.com https://tagmanager.google.com https://js.stripe.com https://checkout.stripe.com https://cdn.firebase.com https://*.firebaseio.com https://*.firebaseio.com https://maps.googleapis.com https://maps.google.com https://apis.google.com https://www.googleanalytics.com https://www.google-analytics.com https://ssl.google-analytics.com https://www.googleoptimize.com https://optimize.google.com https://www.googleadservices.com https://googleads.g.doubleclick.net https://www.google.com https://connect.facebook.net https://graph.facebook.com https://js.facebook.com https://sc-static.net https://tr.snapchat.com cdn.vercel-insights.com challenges.cloudflare.com ${
+  `script-src 'self' 'unsafe-inline' *.prismic.io ajax.cloudflare.com static.cloudflareinsights.com https://www.google.com https://www.gstatic.com https://static.hotjar.com https://script.hotjar.com https://www.googletagmanager.com https://googletagmanager.com https://tagmanager.google.com https://js.stripe.com https://checkout.stripe.com https://cdn.firebase.com https://*.firebaseio.com https://*.firebaseio.com https://maps.googleapis.com https://maps.google.com https://apis.google.com https://www.googleanalytics.com https://www.google-analytics.com https://ssl.google-analytics.com https://www.googleoptimize.com https://optimize.google.com https://www.googleadservices.com https://googleads.g.doubleclick.net https://www.google.com https://connect.facebook.net https://graph.facebook.com https://js.facebook.com https://sc-static.net https://tr.snapchat.com cdn.vercel-insights.com challenges.cloudflare.com ${
     !isProduction ? "'unsafe-eval' localhost:*" : ""
   }`,
   `img-src 'self' *.hotjar.com www.googletagmanager.com *.stripe.com *.googleapis.com analytics.google.com maps.google.com maps.gstatic.com www.gstatic.com *.ggpht.com fonts.gstatic.com https://ssl.gstatic.com www.google-analytics.com ssl.google-analytics.com https://optimize.google.com https://googleads.g.doubleclick.net www.google.com www.google.co.in *.facebook.com *.facebook.net *.fbcdn.net *.snapchat.com images.prismic.io data:`,