feat: implement staking flow - StakingBannerAndModal (#3795)

* chore: moved ViewProjectDetails to its own folder to refactor

* chore: split ViewProjectDetails components into separate files

* chore: avoid datadog and intercom on dev

* feat: implemented StakingBannerAndModal

* chore: hide staking banner if it is not donation period

* chore: fix merge conflicts

Author: hussmartinez

.env.example

@@ -77,3 +77,5 @@ REACT_APP_GRANT_EXPLORER=https://explorer.gitcoin.co
 # Coingecko
 REACT_APP_COINGECKO_API_KEY=
 # ---------------------------
+
+REACT_APP_STAKING_APP=https://staking-hub-mu.vercel.app

packages/grant-explorer/public/index.html

@@ -40,11 +40,14 @@
     -->
 
     <script>
-      window.intercomSettings = {
-        api_base: "https://api-iam.intercom.io",
-        app_id: "%REACT_APP_INTERCOM_APP_ID%",
-      };
-      (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/' + window.intercomSettings.app_id;var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
+      // Only initialize Intercom if not in development mode
+      if ("%NODE_ENV%" !== "development") {
+        window.intercomSettings = {
+          api_base: "https://api-iam.intercom.io",
+          app_id: "%REACT_APP_INTERCOM_APP_ID%",
+        };
+        (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/' + window.intercomSettings.app_id;var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
+      }
     </script>
   </body>
 </html>

packages/grant-explorer/src/datadog.tsx

@@ -1,12 +1,15 @@
 import { datadogRum } from "@datadog/browser-rum";
 import { datadogLogs } from "@datadog/browser-logs";
 
+const isDevelopment = process.env.NODE_ENV === "development";
 /**
  * Initialize datadog at a global level
  *  - Datadog Real User Monitoring (RUM) : https://www.npmjs.com/package/@datadog/browser-rum
  *  - Datadog Browser Logs : https://www.npmjs.com/package/@datadog/browser-logs
  */
 export const initDatadog = () => {
+  if (isDevelopment) return;
+
   // Init datadog-rum
   datadogRum.init({
     applicationId: process.env.REACT_APP_DATADOG_APPLICATION_ID || "",