Improve website deployment and frontend updates

gatsby-browser.js

@@ -1 +1,11 @@
 import "./src/styles/global.css"
+import React from "react";
+import "./src/styles/global.css";
+import { Analytics } from "@vercel/analytics/react";
+
+export const wrapRootElement = ({ element }) => (
+  <>
+    {element}
+    <Analytics />
+  </>
+);

gatsby-config.js

@@ -5,7 +5,7 @@ module.exports = {
     author: "IEEE SB GEC Thrissur",
     siteUrl: "https://ieee.gectcr.ac.in",
   },
-  pathPrefix: "/web-core",
+  //pathPrefix: "/web-core",
   plugins: [
     {
       resolve: `gatsby-plugin-google-gtag`,
@@ -39,9 +39,22 @@ module.exports = {
     },
     `gatsby-transformer-sharp`,
     `gatsby-plugin-sharp`,
+    {
+      resolve: `gatsby-plugin-sharp`,
+      options: {
+        defaults: {
+          formats: ["auto", "png"], // avoid avif and webp for now
+          placeholder: "blurred",
+        },
+      },
+    },
     {
       resolve: `gatsby-plugin-manifest`,
       options: {
+        defaults: {
+          formats: ["auto", "png"],  // Remove webp to test
+          placeholder: "blurred",
+        },
         name: `IEEE Website GEC Thrissur`,
         short_name: `IEEE GECT`,
         start_url: `/`,

gatsby-ssr.js

@@ -0,0 +1,10 @@
+// gatsby-ssr.js
+import React from "react";
+import { Analytics } from "@vercel/analytics/react";
+
+export const wrapRootElement = ({ element }) => (
+  <>
+    {element}
+    <Analytics />
+  </>
+);