From f0afa5f35402f0c77cd73a215bb1129d1c8850f6 Mon Sep 17 00:00:00 2001
From: gouravkrosx <gouravgreatkr@gmail.com>
Date: Sat, 7 Dec 2024 22:47:55 +0530
Subject: [PATCH 1/5] fix: hydration issues

Signed-off-by: gouravkrosx <gouravgreatkr@gmail.com>
---
 app/(default)/case-studies/page.tsx           |   6 +-
 .../webstories/css/CircularLoader.module.css  |   4 +-
 app/layout.tsx                                | 156 ++++-----
 components/FeatureMoblieView.tsx              | 303 ++++++++----------
 components/Particles.tsx                      |  22 +-
 components/atg/terminal.tsx                   |   2 +-
 components/caseStudyCard.tsx                  |  32 +-
 components/caseStudySearch.tsx                |   6 +-
 components/nav/UpIcon.js                      |   2 +-
 components/nav/solutionsSection.tsx           |   4 +-
 components/webstories/Stories.tsx             |  95 +++---
 public/images/navBarIcons/ApiCallRecording.js |   6 +-
 public/images/navBarIcons/CaseStudies.js      |   2 +-
 public/images/navBarIcons/Contact.js          |  16 +-
 .../images/navBarIcons/EnterpriseSolution.js  |   2 +-
 .../navBarIcons/EnterpriseSolutionImg.js      |   2 +-
 public/images/navBarIcons/GettingStarted.js   |   4 +-
 public/images/navBarIcons/Github.js           |   4 +-
 public/images/navBarIcons/Jenkins.js          | 126 ++++----
 .../images/navBarIcons/MultiPurposeMocks.js   |   2 +-
 public/images/navBarIcons/OpenSource.js       |   2 +-
 .../images/navBarIcons/TestCaseGeneration.js  |   6 +-
 .../images/navBarIcons/TestDataGeneration.js  |   4 +-
 public/images/navBarIcons/Tutorial.js         |   8 +-
 24 files changed, 383 insertions(+), 433 deletions(-)

diff --git a/app/(default)/case-studies/page.tsx b/app/(default)/case-studies/page.tsx
index d354933f..79614246 100644
--- a/app/(default)/case-studies/page.tsx
+++ b/app/(default)/case-studies/page.tsx
@@ -108,9 +108,9 @@ export default function Home() {
                   viewBox="0 0 24 24"
                   fill="none"
                   stroke="currentColor"
-                  stroke-width="2"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
+                  strokeWidth="2"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
                 >
                   <path d="m9 18 6-6-6-6" />
                 </svg>
diff --git a/app/(default)/webstories/css/CircularLoader.module.css b/app/(default)/webstories/css/CircularLoader.module.css
index 1b346338..aeb4ecbf 100644
--- a/app/(default)/webstories/css/CircularLoader.module.css
+++ b/app/(default)/webstories/css/CircularLoader.module.css
@@ -15,13 +15,13 @@
   .backgroundCircle {
     fill: none;
     stroke: #e2a26d;
-    stroke-width: 10;
+    strokeWidth: 10;
   }
   
   .progressCircle {
     fill: none;
     stroke: #d84f06;
-    stroke-width: 10;
+    strokeWidth: 10;
     stroke-dasharray: 283; /* 2 * Math.PI * 45 (radius) */
     stroke-dashoffset: 283; /* Initially hidden */
     transition: stroke-dashoffset 0.3s linear;
diff --git a/app/layout.tsx b/app/layout.tsx
index a26fce8a..f3860acc 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,13 +1,16 @@
+'use client';
+
 import './css/style.css';
-import '@/app/(default)/webstories/css/styles.css'
+import '@/app/(default)/webstories/css/styles.css';
 import { Inter } from 'next/font/google';
 import Header from '@/components/ui/header';
+import Script from 'next/script';
 import React, { ReactNode } from 'react';
 
 const inter = Inter({
-    subsets: ['latin'],
-    variable: '--font-inter',
-    display: 'swap',
+  subsets: ['latin'],
+  variable: '--font-inter',
+  display: 'swap',
 });
 
 export interface Metadata {
@@ -19,34 +22,48 @@ export interface Metadata {
 
 export const defaultMetadata: Metadata = {
   title: 'Keploy | Open Source Stubs and API Test Generator for Developer',
-  keywords: "Integration testing, e2e Testing, ai testing, Unit Testing, API Testing, open source ai testing tool, Service Mocking, Dependency Mocking",
-  description: 'Keploy is AI based test case and stubs/mocks generator for integration and unit testing. 90% test coverage in minutes with open source testing tool',
-  image: "images/logo.svg",
+  keywords:
+    'Integration testing, e2e Testing, ai testing, Unit Testing, API Testing, open source ai testing tool, Service Mocking, Dependency Mocking',
+  description:
+    'Keploy is AI based test case and stubs/mocks generator for integration and unit testing. 90% test coverage in minutes with open source testing tool',
+  image: 'images/logo.svg',
 };
 
 interface RootLayoutProps {
   children: ReactNode;
   metadata?: Metadata;
-  HeaderDisplayed?:boolean;
+  HeaderDisplayed?: boolean;
 }
 
-export default function RootLayout({ children, metadata , HeaderDisplayed=true }: RootLayoutProps) {
+export default function RootLayout({
+  children,
+  metadata,
+  HeaderDisplayed = true,
+}: RootLayoutProps) {
   const finalMetadata = {
     title: metadata?.title || defaultMetadata.title,
     keywords: metadata?.keywords || defaultMetadata.keywords,
     description: metadata?.description || defaultMetadata.description,
     image: metadata?.image || defaultMetadata.image,
   };
+
   return (
-    <html lang="en">
+    <html lang="en" suppressHydrationWarning>
       <head>
         <title>{finalMetadata.title}</title>
         <meta name="keywords" content={finalMetadata.keywords} />
         <meta name="description" content={finalMetadata.description} />
         <meta property="og:image" name="image" content={finalMetadata.image} />
-        <meta name='twitter:card' content={finalMetadata.image} />
-        <script async src="https://www.googletagmanager.com/gtag/js?id=G-TLL6DW2H6N"></script>
-        <script
+        <meta name="twitter:card" content={finalMetadata.image} />
+
+        {/* Google Tag Manager */}
+        <Script
+          src="https://www.googletagmanager.com/gtag/js?id=G-TLL6DW2H6N"
+          strategy="afterInteractive"
+        />
+        <Script
+          id="gtag-init"
+          strategy="afterInteractive"
           dangerouslySetInnerHTML={{
             __html: `
               window.dataLayer = window.dataLayer || [];
@@ -54,11 +71,15 @@ export default function RootLayout({ children, metadata , HeaderDisplayed=true }
               gtag('js', new Date());
               gtag('config', 'G-TLL6DW2H6N');
             `,
-                }}
-            />
-            <script
-                dangerouslySetInnerHTML={{
-                    __html: `
+          }}
+        />
+
+        {/* Hotjar */}
+        <Script
+          id="hotjar-init"
+          strategy="afterInteractive"
+          dangerouslySetInnerHTML={{
+            __html: `
               (function(h,o,t,j,a,r){
                 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
                 h._hjSettings={hjid:3609484,hjsv:6};
@@ -67,79 +88,42 @@ export default function RootLayout({ children, metadata , HeaderDisplayed=true }
                 a.appendChild(r);
               })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
             `,
-                }}
-            />
-        <script
+          }}
+        />
+
+        {/* Microsoft Clarity */}
+        <Script
+          id="clarity-init"
+          strategy="afterInteractive"
           dangerouslySetInnerHTML={{
             __html: `
-      (function(c,l,a,r,i,t,y){
-        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
-        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
-        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
-      })(window, document, "clarity", "script", "iu0391ggta");
-    `,
+              (function(c,l,a,r,i,t,y){
+                c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+                t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
+                y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+              })(window, document, "clarity", "script", "iu0391ggta");
+            `,
           }}
         />
-            <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/43912677.js"></script>
 
-            <script
-                dangerouslySetInnerHTML={{
-                    __html: `
-              (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-                new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-            })(window,document,'script','dataLayer','GTM-P7DBR4PH');
-            `,
-                }}
-            />
-            <script
-                  dangerouslySetInnerHTML={{
-                    __html: `
-                      function initApollo() {
-                        var n = Math.random().toString(36).substring(7);
-                        var o = document.createElement("script");
-                        o.src = "https://assets.apollo.io/micro/website-tracker/tracker.iife.js?nocache=" + n;
-                        o.async = true;
-                        o.defer = true;
-                        o.onload = function() {
-                          window.trackingFunctions.onLoad({ appId: "6644a0d6a54b5b0438c841cc" });
-                        };
-                        document.head.appendChild(o);
-                      }
-                      initApollo();
-                    `,
-                  }}
-                />
-                                <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" />
-<script
-  dangerouslySetInnerHTML={{
-    __html: `
-      window._vwo_code || (function() {
-        var account_id=943043,
-        version=2.1,
-        settings_tolerance=2000,
-        hide_element='body',
-        hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;transition:none !important;',
-        /* DO NOT EDIT BELOW THIS LINE */
-        f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){if(performance.getEntriesByName('first-contentful-paint')[0]){return''}return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(e){if(!f){f=true;var t=d.getElementById('_vis_opt_path_hides');if(t)t.parentNode.removeChild(t);if(e)(new Image).src='https://dev.visualwebsiteoptimizer.com/ee.gif?a='+account_id+e}},finished:function(){return f},addScript:function(e){var t=d.createElement('script');t.type='text/javascript';if(e.src){t.src=e.src}else{t.text=e.text}d.getElementsByTagName('head')[0].appendChild(t)},load:function(e,t){var i=this.getSettings(),n=d.createElement('script'),r=this;t=t||{};if(i){n.textContent=i;d.getElementsByTagName('head')[0].appendChild(n);if(!w.VWO||VWO.caE){stT.removeItem(cK);r.load(e)}}else{var o=new XMLHttpRequest;o.open('GET',e,true);o.withCredentials=!t.dSC;o.responseType=t.responseType||'text';o.onload=function(){if(t.onloadCb){return t.onloadCb(o,e)}if(o.status===200||o.status===304){_vwo_code.addScript({text:o.responseText})}else{_vwo_code.finish('&e=loading_failure:'+e)}};o.onerror=function(){if(t.onerrorCb){return t.onerrorCb(e)}_vwo_code.finish('&e=loading_failure:'+e)};o.send()}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t;if(this.hide_element()!=='body'){t=d.createElement('style');var i=this.hide_element(),n=i?i+this.hide_element_style():'',r=d.getElementsByTagName('head')[0];t.setAttribute('id','_vis_opt_path_hides');v&&t.setAttribute('nonce',v.nonce);t.setAttribute('type','text/css');if(t.styleSheet)t.styleSheet.cssText=n;else t.appendChild(d.createTextNode(n));r.appendChild(t)}else{t=d.getElementsByTagName('head')[0];var n=d.createElement('div');n.style.cssText='z-index: 2147483647 !important;position: fixed !important;left: 0 !important;top: 0 !important;width: 100% !important;height: 100% !important;background: white !important;';n.setAttribute('id','_vis_opt_path_hides');n.classList.add('_vis_hide_layer');t.parentNode.insertBefore(n,t.nextSibling)}var o=window._vis_opt_url||d.URL,s='https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(o)+'&vn='+version;if(w.location.search.indexOf('_vwo_xhr')!==-1){this.addScript({src:s})}else{this.load(s+'&x=true')}}};w._vwo_code=code;code.init();})();
-    `,
-  }}
-/>
-<script 
-    dangerouslySetInnerHTML={{
-    __html: `
-        !function(e,r){try{if(e.vector)return void console.log("Vector snippet included more than once.");var t={};t.q=t.q||[];for(var o=["load","identify","on"],n=function(e){return function(){var r=Array.prototype.slice.call(arguments);t.q.push([e,r])}},c=0;c<o.length;c++){var a=o[c];t[a]=n(a)}if(e.vector=t,!t.loaded){var i=r.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://cdn.vector.co/pixel.js";var l=r.getElementsByTagName("script")[0];l.parentNode.insertBefore(i,l),t.loaded=!0}}catch(e){console.error("Error loading Vector:",e)}}(window,document);
-        vector.load("95211152-727d-4d43-9512-592ca65a1401");
-    `,
-}} />
-        </head>
-        <body className={`${inter.variable} font-inter antialiased bg-white text-gray-900 tracking-tight`}>
+        {/* HubSpot */}
+        <Script
+          id="hubspot-init"
+          src="//js-na1.hs-scripts.com/43912677.js"
+          strategy="afterInteractive"
+          async
+          defer
+        />
+      </head>
+      <body
+        className={`${inter.variable} font-inter antialiased bg-white text-gray-900 tracking-tight`}
+        suppressHydrationWarning
+      >
         <div className="flex flex-col overflow-hidden supports-[overflow:clip]:overflow-clip">
-         {HeaderDisplayed &&  <Header />}
+          {HeaderDisplayed && <Header />}
           {children}
         </div>
-        </body>
-        </html>
-    );
-}
+      </body>
+    </html>
+  );
+}
\ No newline at end of file
diff --git a/components/FeatureMoblieView.tsx b/components/FeatureMoblieView.tsx
index ace8fff9..3d8e2bdd 100644
--- a/components/FeatureMoblieView.tsx
+++ b/components/FeatureMoblieView.tsx
@@ -1,22 +1,25 @@
-'use client';
+"use client";
+
+import React, { useState, useRef, useEffect } from "react";
+import { Transition } from "@headlessui/react";
+import Image from "next/image";
+import NativeIntegration from "@/public/images/replay-tc31305e1d2286fe485b27.gif";
+import testAndStubsGen from "@/public/images/TestGenHighlighted.json";
+import deDuplication from "@/public/images/CaptureAndReplayV2.json";
+import Link from "next/link";
+import dynamic from "next/dynamic";
+
+const LottiePlayer = dynamic(() => import("./LottiePlayer"), { ssr: false });
 
-import React, { useState, useRef, useEffect } from 'react';
-import { Transition } from '@headlessui/react';
-import Image from 'next/image';
-import NativeIntegration from '@/public/images/replay-tc31305e1d2286fe485b27.gif';
-import testAndStubsGen from '@/public/images/TestGenHighlighted.json';
-import deDuplication from '@/public/images/CaptureAndReplayV2.json';
-import Link from 'next/link';
-import dynamic from 'next/dynamic';
-const LottiePlayer = dynamic(()=>import("./LottiePlayer"),{ssr:false}) 
 export default function FeaturesMobileView() {
   const [tab, setTab] = useState<number>(1);
 
   const tabs = useRef<HTMLDivElement>(null);
 
   const heightFix = () => {
-    if (tabs.current && tabs.current.parentElement)
+    if (tabs.current && tabs.current.parentElement) {
       tabs.current.parentElement.style.height = `${tabs.current.clientHeight}px`;
+    }
   };
 
   useEffect(() => {
@@ -40,8 +43,8 @@ export default function FeaturesMobileView() {
               Keploy for developers
             </h1>
             <p className="text-xl text-gray-600">
-              simplified testing, capturing network interactions and generating
-              automated tests
+              Simplified testing, capturing network interactions, and generating
+              automated tests.
             </p>
           </div>
 
@@ -54,7 +57,7 @@ export default function FeaturesMobileView() {
             >
               <div className="mb-8 md:pr-4 lg:pr-12 xl:pr-16">
                 <h3 className="mb-3 h3 text-secondary-300">
-                  Give your teams the tool they need to move faster
+                  Give your teams the tools they need to move faster
                 </h3>
                 <p className="text-xl text-gray-600">
                   Accelerate development with streamlined testing, capturing
@@ -63,129 +66,132 @@ export default function FeaturesMobileView() {
                 </p>
               </div>
               {/* Tabs buttons */}
-              <div className="mb-8 md:mb-0 ">
+              <div className="mb-8 md:mb-0">
                 <div
-                  className={`flex items-center text-lg p-5 rounded border ease-in-out mb-3  transition duration-300 hover:shadow-lg ${
+                  className={`flex items-center text-lg p-5 rounded border ease-in-out mb-3 transition duration-300 hover:shadow-lg ${
                     tab !== 1
-                      ? 'bg-white shadow-md border-gray-200 hover:shadow-lg '
-                      : 'bg-gray-200 border-transparent shadow-lg '
+                      ? "bg-white shadow-md border-gray-200 hover:shadow-lg"
+                      : "bg-gray-200 border-transparent shadow-lg"
                   }`}
-                  onClick={(e) => {
-                    e.preventDefault();
-                    setTab(1);
-                  }}
+                  onClick={() => setTab(1)}
                 >
                   <div className="flex flex-col">
-
                     <div className="flex items-center">
-
-                  <div>
-                    <div className="mb-1 font-bold leading-snug tracking-tight text-secondary-300 ">
-                      Record Replay API Flows
-                    </div>
-                    <div className="text-gray-600">
-                      Record and replay complex, distributed API flows as mocks and stubs. It's like time machine for tests!
-                    </div>
-                  </div>
-                  <div className="flex items-center justify-center flex-shrink-0 w-8 h-8 ml-3 bg-white rounded-full shadow">
-                    <svg
-                      className="w-3 h-3 fill-primary-300 "
-                      viewBox="0 0 12 12"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path d="M11.953 4.29a.5.5 0 00-.454-.292H6.14L6.984.62A.5.5 0 006.12.173l-6 7a.5.5 0 00.379.825h5.359l-.844 3.38a.5.5 0 00.864.445l6-7a.5.5 0 00.075-.534z" />
-                    </svg>
-                  </div>
+                      <div>
+                        <div className="mb-1 font-bold leading-snug tracking-tight text-secondary-300">
+                          Record Replay API Flows
+                        </div>
+                        <div className="text-gray-600">
+                          Record and replay complex, distributed API flows as
+                          mocks and stubs. It's like a time machine for tests!
+                        </div>
+                      </div>
+                      <div className="flex items-center justify-center flex-shrink-0 w-8 h-8 ml-3 bg-white rounded-full shadow">
+                        <svg
+                          className="w-3 h-3 fill-primary-300"
+                          viewBox="0 0 12 12"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path d="M11.953 4.29a.5.5 0 00-.454-.292H6.14L6.984.62A.5.5 0 006.12.173l-6 7a.5.5 0 00.379.825h5.359l-.844 3.38a.5.5 0 00.864.445l6-7a.5.5 0 00.075-.534z" />
+                        </svg>
+                      </div>
                     </div>
                     <div>
-                      <Link className="btn mt-4 text-secondary-300 bg-primary-300 hover:text-white w-full mb-4 sm:w-auto sm:mb-0" href="https://keploy.io/docs/keploy-explained/introduction/">Explore More</Link>
+                      <Link
+                        className="btn mt-4 text-secondary-300 bg-primary-300 hover:text-white w-full mb-4 sm:w-auto sm:mb-0"
+                        href="https://keploy.io/docs/keploy-explained/introduction/"
+                      >
+                        Explore More
+                      </Link>
                     </div>
                   </div>
-
                 </div>
-                <Link
+                <div
                   className={`flex items-center text-lg p-5 rounded border ease-in-out mb-3 transition duration-300 hover:shadow-lg ${
                     tab !== 2
-                      ? 'bg-white shadow-md border-gray-200 hover:shadow-lg'
-                      : 'bg-gray-200 border-transparent shadow-lg'
+                      ? "bg-white shadow-md border-gray-200 hover:shadow-lg"
+                      : "bg-gray-200 border-transparent shadow-lg"
                   }`}
-                  href="#0"
-                  onClick={(e) => {
-                    e.preventDefault();
-                    setTab(2);
-                  }}
+                  onClick={() => setTab(2)}
                 >
-                <div className="flex flex-col">
-
-                  <div className="flex items-center">
-
-                  <div>
-                    <div className="mb-1 font-bold leading-snug tracking-tight text-secondary-300">
-                      Find Duplicate Tests
-                    </div>
-                    <div className="text-gray-600">
-                      Find redundant tests that doesn't add to the test coverage. Automatically detect and remove duplicate tests, ideal for big-teams crowd-sourcing tests.
-                    </div>
-                  </div>
-                  <div className="flex items-center justify-center flex-shrink-0 w-8 h-8 ml-3 bg-white rounded-full shadow">
-                    <svg
-                      className="w-3 h-3 fill-primary-300"
-                      viewBox="0 0 12 12"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M11.854.146a.5.5 0 00-.525-.116l-11 4a.5.5 0 00-.015.934l4.8 1.921 1.921 4.8A.5.5 0 007.5 12h.008a.5.5 0 00.462-.329l4-11a.5.5 0 00-.116-.525z"
-                        fillRule="nonzero"
-                      />
-                    </svg>
-                    </div>
+                  <div className="flex flex-col">
+                    <div className="flex items-center">
+                      <div>
+                        <div className="mb-1 font-bold leading-snug tracking-tight text-secondary-300">
+                          Find Duplicate Tests
+                        </div>
+                        <div className="text-gray-600">
+                          Find redundant tests that don't add to the test
+                          coverage. Automatically detect and remove duplicate
+                          tests, ideal for big teams crowd-sourcing tests.
+                        </div>
+                      </div>
+                      <div className="flex items-center justify-center flex-shrink-0 w-8 h-8 ml-3 bg-white rounded-full shadow">
+                        <svg
+                          className="w-3 h-3 fill-primary-300"
+                          viewBox="0 0 12 12"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M11.854.146a.5.5 0 00-.525-.116l-11 4a.5.5 0 00-.015.934l4.8 1.921 1.921 4.8A.5.5 0 007.5 12h.008a.5.5 0 00.462-.329l4-11a.5.5 0 00-.116-.525z"
+                            fillRule="nonzero"
+                          />
+                        </svg>
+                      </div>
                     </div>
                     <div>
-                      <Link className="btn mt-4 text-secondary-300 bg-primary-300 hover:text-white w-full mb-4 sm:w-auto sm:mb-0" href="https://keploy.io/docs/keploy-cloud/deduplication/">Explore More</Link>
+                      <Link
+                        className="btn mt-4 text-secondary-300 bg-primary-300 hover:text-white w-full mb-4 sm:w-auto sm:mb-0"
+                        href="https://keploy.io/docs/keploy-cloud/deduplication/"
+                      >
+                        Explore More
+                      </Link>
                     </div>
+                  </div>
                 </div>
-                </Link>
-                <Link
+                <div
                   className={`flex items-center text-lg p-5 rounded border ease-in-out mb-3 transition duration-300 hover:shadow-lg ${
                     tab !== 3
-                      ? 'bg-white shadow-md border-gray-200 hover:shadow-lg'
-                      : 'bg-gray-200 border-transparent shadow-lg'
+                      ? "bg-white shadow-md border-gray-200 hover:shadow-lg"
+                      : "bg-gray-200 border-transparent shadow-lg"
                   }`}
-                  href="#0"
-                  onClick={(e) => {
-                    e.preventDefault();
-                    setTab(3);
-                  }}
+                  onClick={() => setTab(3)}
                 >
-                <div className="flex flex-col">
-                  <div className="flex items-center">
-                  <div>
-                    <div className="mb-1 font-bold leading-snug tracking-tight text-secondary-300">
-                      Works with JUnit, PyTest, Jest, Go-Test in CI/CD
+                  <div className="flex flex-col">
+                    <div className="flex items-center">
+                      <div>
+                        <div className="mb-1 font-bold leading-snug tracking-tight text-secondary-300">
+                          Works with JUnit, PyTest, Jest, Go-Test in CI/CD
+                        </div>
+                        <div className="text-gray-600">
+                          Merge Keploy tests coverage with unit testing
+                          libraries for combined test coverage gating in CI/CD
+                          pipelines like Jenkins, GitHub Actions.
+                        </div>
+                      </div>
+                      <div className="flex items-center justify-center flex-shrink-0 w-8 h-8 ml-3 bg-white rounded-full shadow">
+                        <svg
+                          className="w-3 h-3 fill-primary-300"
+                          viewBox="0 0 12 12"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M11.334 8.06a.5.5 0 00-.421-.237 6.023 6.023 0 01-5.905-6c0-.41.042-.82.125-1.221a.5.5 0 00-.614-.586 6 6 0 106.832 8.529.5.5 0 00-.017-.485z"
+                            fillRule="nonzero"
+                          />
+                        </svg>
+                      </div>
                     </div>
-                    <div className="text-gray-600">
-                      Merge Keploy tests coverage with unit testing libraries for combined test coverage gating in CI/CD pipelines like Jenkins, Github Actions.
-
+                    <div>
+                      <Link
+                        className="btn mt-4 text-secondary-300 bg-primary-300 hover:text-white w-full mb-4 sm:w-auto sm:mb-0"
+                        href="https://keploy.io/docs/server/sdk-installation/go/"
+                      >
+                        Explore More
+                      </Link>
                     </div>
                   </div>
-                  <div className="flex items-center justify-center flex-shrink-0 w-8 h-8 ml-3 bg-white rounded-full shadow">
-                    <svg
-                      className="w-3 h-3 fill-primary-300"
-                      viewBox="0 0 12 12"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M11.334 8.06a.5.5 0 00-.421-.237 6.023 6.023 0 01-5.905-6c0-.41.042-.82.125-1.221a.5.5 0 00-.614-.586 6 6 0 106.832 8.529.5.5 0 00-.017-.485z"
-                        fillRule="nonzero"
-                      />
-                    </svg>
-                  </div>
-                  </div>
-                  <div>
-                      <Link className="btn mt-4 text-secondary-300 bg-primary-300 hover:text-white w-full mb-4 sm:w-auto sm:mb-0" href=" https://keploy.io/docs/server/sdk-installation/go/">Explore More</Link>
-                  </div>
                 </div>
-                </Link>
               </div>
             </div>
 
@@ -197,73 +203,50 @@ export default function FeaturesMobileView() {
                   data-aos="zoom-y-out"
                   ref={tabs}
                 >
-                  {/* Item 1 */}
                   <Transition
                     show={tab === 1}
-                    appear={true}
                     className="w-full"
-                    enter="transition ease-in-out duration-700 transform order-first"
+                    enter="transition ease-in-out duration-700 transform"
                     enterFrom="opacity-0 translate-y-16"
                     enterTo="opacity-100 translate-y-0"
                     leave="transition ease-in-out duration-300 transform absolute"
                     leaveFrom="opacity-100 translate-y-0"
                     leaveTo="opacity-0 -translate-y-16"
                     beforeEnter={() => heightFix()}
-                    unmount={false}
                   >
-                    <div className="relative inline-flex flex-col ">
-                      {/* <Image className="mx-auto rounded md:max-w-none" src={FeaturesBg} width={500} height="462" alt="Features bg" /> */}
-                      <div className=" mb-14">
-                        <LottiePlayer VideoPath={testAndStubsGen}/>
-                      </div>
-                    </div>
+                    <LottiePlayer VideoPath={testAndStubsGen} />
                   </Transition>
-                  {/* Item 2 */}
                   <Transition
                     show={tab === 2}
-                    appear={true}
-                    className="w-full "
-                    enter="transition ease-in-out duration-700 transform order-first"
+                    className="w-full"
+                    enter="transition ease-in-out duration-700 transform"
                     enterFrom="opacity-0 translate-y-16"
                     enterTo="opacity-100 translate-y-0"
                     leave="transition ease-in-out duration-300 transform absolute"
                     leaveFrom="opacity-100 translate-y-0"
                     leaveTo="opacity-0 -translate-y-16"
                     beforeEnter={() => heightFix()}
-                    unmount={false}
                   >
-                    <div className="flex flex-col justify-between">
-                      {/* <Image className="mx-auto rounded md:max-w-none" src={FeaturesBg} width={500} height="462" alt="Features bg" /> */}
-                      {/*<Image className="absolute left-0 w-full transform md:max-w-none animate-float" src={FeaturesElement} width={500} height="44" alt="Element" style={{ top: '30%' }} />*/}
-                     
-                      <LottiePlayer VideoPath={deDuplication}/>
-                    </div>
+                    <LottiePlayer VideoPath={deDuplication} />
                   </Transition>
-                  {/* Item 3 */}
                   <Transition
                     show={tab === 3}
-                    appear={true}
                     className="w-full"
-                    enter="transition ease-in-out duration-700 transform order-first"
+                    enter="transition ease-in-out duration-700 transform"
                     enterFrom="opacity-0 translate-y-16"
                     enterTo="opacity-100 translate-y-0"
                     leave="transition ease-in-out duration-300 transform absolute"
                     leaveFrom="opacity-100 translate-y-0"
                     leaveTo="opacity-0 -translate-y-16"
                     beforeEnter={() => heightFix()}
-                    unmount={false}
                   >
-                    <div className="relative inline-flex flex-col">
-                      <Image
-                        className="mx-auto rounded md:max-w-none"
-                        src={NativeIntegration}
-                        width={300}
-                        height="462"
-                        alt="Features bg"
-                      />
-                      {/*<Image className="absolute left-0 w-full transform md:max-w-none animate-float" src={FeaturesElement} width={500} height="44" alt="Element" style={{ top: '30%' }} />*/}
-                      {/*<div className="absolute left-0 w-full text-left transform md:max-w-none animate-float" style={{ top: '100%' }}><CopyButton codeToCopy={"curl -O https://raw.githubusercontent.com/keploy/keploy/main/keploy.sh && source keploy.sh"} /></div>*/}
-                    </div>
+                    <Image
+                      className="mx-auto rounded md:max-w-none"
+                      src={NativeIntegration}
+                      width={300}
+                      height={462}
+                      alt="Features bg"
+                    />
                   </Transition>
                 </div>
               </div>
@@ -275,22 +258,18 @@ export default function FeaturesMobileView() {
           data-aos="zoom-y-out"
           data-aos-delay="300"
         >
-          <div>
-            <Link
-              className="w-full mb-4 btn text-secondary-300 bg-primary-300 hover:font-semibold sm:w-auto sm:mb-0"
-              href="https://keploy.io/docs"
-            >
-              Documentation{' '}
-            </Link>
-          </div>
-          <div>
-            <Link
-              className="w-full text-white btn bg-secondary-300 hover:font-semibold sm:w-auto sm:ml-4"
-              href="https://calendar.app.google/8Ncpff4QnAhpVnYd8"
-            >
-              Meet Maintainers{' '}
-            </Link>
-          </div>
+          <Link
+            className="w-full mb-4 btn text-secondary-300 bg-primary-300 hover:font-semibold sm:w-auto sm:mb-0"
+            href="https://keploy.io/docs"
+          >
+            Documentation
+          </Link>
+          <Link
+            className="w-full text-white btn bg-secondary-300 hover:font-semibold sm:w-auto sm:ml-4"
+            href="https://calendar.app.google/8Ncpff4QnAhpVnYd8"
+          >
+            Meet Maintainers
+          </Link>
         </div>
       </div>
     </section>
diff --git a/components/Particles.tsx b/components/Particles.tsx
index 740f8136..ccedeab6 100644
--- a/components/Particles.tsx
+++ b/components/Particles.tsx
@@ -7,11 +7,8 @@ interface MousePosition {
   y: number;
 }
 
-function MousePosition(): MousePosition {
-  const [mousePosition, setMousePosition] = useState<MousePosition>({
-    x: 0,
-    y: 0,
-  });
+function useMousePosition(): MousePosition {
+  const [mousePosition, setMousePosition] = useState<MousePosition>({ x: 0, y: 0 });
 
   useEffect(() => {
     const handleMouseMove = (event: MouseEvent) => {
@@ -71,10 +68,15 @@ const Particles: React.FC<ParticlesProps> = ({
   const canvasContainerRef = useRef<HTMLDivElement>(null);
   const context = useRef<CanvasRenderingContext2D | null>(null);
   const circles = useRef<any[]>([]);
-  const mousePosition = MousePosition();
+  const mousePosition = useMousePosition();
   const mouse = useRef<{ x: number; y: number }>({ x: 0, y: 0 });
   const canvasSize = useRef<{ w: number; h: number }>({ w: 0, h: 0 });
-  const dpr = typeof window !== "undefined" ? window.devicePixelRatio : 1;
+
+  // Defer devicePixelRatio calculation to client
+  const [dpr, setDpr] = useState(1);
+  useEffect(() => {
+    setDpr(window.devicePixelRatio);
+  }, []);
 
   useEffect(() => {
     if (canvasRef.current) {
@@ -87,7 +89,7 @@ const Particles: React.FC<ParticlesProps> = ({
     return () => {
       window.removeEventListener("resize", initCanvas);
     };
-  }, [color]);
+  }, [color, dpr]);
 
   useEffect(() => {
     onMouseMove();
@@ -116,7 +118,7 @@ const Particles: React.FC<ParticlesProps> = ({
     }
   };
 
-  interface Circle  {
+  interface Circle {
     x: number;
     y: number;
     translateX: number;
@@ -127,7 +129,7 @@ const Particles: React.FC<ParticlesProps> = ({
     dx: number;
     dy: number;
     magnetism: number;
-  };
+  }
 
   const resizeCanvas = () => {
     if (canvasContainerRef.current && canvasRef.current && context.current) {
diff --git a/components/atg/terminal.tsx b/components/atg/terminal.tsx
index a6a92579..5d78d16e 100644
--- a/components/atg/terminal.tsx
+++ b/components/atg/terminal.tsx
@@ -463,7 +463,7 @@ function CombinedTerminalPage({
         promptLabel={
           <p className="font-bold flex">
             {Emoji}
-            <p className="text-accent-100">~/$</p>
+            <span className="text-accent-100">~/$</span>
           </p>
         }
         commands={commands}
diff --git a/components/caseStudyCard.tsx b/components/caseStudyCard.tsx
index b1795132..f9d36b0a 100644
--- a/components/caseStudyCard.tsx
+++ b/components/caseStudyCard.tsx
@@ -16,25 +16,27 @@ export default function CaseStudyCard({
       className="group block rounded-xl overflow-hidden focus:outline-none"
       href="#"
     >
-      <div className="flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-5">
-        <div className="shrink-0 relative overflow-hidden w-full sm:w-56 ">
-          <div className="shrink-0 relative rounded-xl overflow-hidden w-full sm:w-56 h-44">
+      <span className="flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-5">
+        <span className="shrink-0 relative overflow-hidden w-full sm:w-56 ">
+          <span className="shrink-0 relative rounded-xl overflow-hidden w-full sm:w-56 h-44">
             <img
               className="group-hover:scale-105 group-focus:scale-105 transition-transform duration-500 ease-in-out size-full absolute top-0 start-0 object-cover rounded-xl"
               src="/images/gradient.png"
               alt="Blog Image"
             />
-          </div>
-
-          <div className="gap-2 mt-2 flex overflow-x-scroll">
+          </span>
+          <span className="gap-2 mt-2 flex overflow-x-scroll">
             {tags.map((tag) => (
-              <span className="inline-flex items-center gap-x-1.5 py-1.5 px-3 rounded-full text-xs font-medium bg-blue-100 text-blue-800 text-nowrap">
+              <span
+                key={tag}
+                className="inline-flex items-center gap-x-1.5 py-1.5 px-3 rounded-full text-xs font-medium bg-blue-100 text-blue-800 text-nowrap"
+              >
                 {tag}
               </span>
             ))}
-          </div>
-        </div>
-        <div className="grow">
+          </span>
+        </span>
+        <span className="grow">
           <h3 className="text-xl font-extrabold text-primary-400 group-hover:text-primary-300">
             {title}
           </h3>
@@ -49,15 +51,15 @@ export default function CaseStudyCard({
               viewBox="0 0 24 24"
               fill="none"
               stroke="currentColor"
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
+              strokeWidth="2"
+              strokeLinecap="round"
+              strokeLinejoin="round"
             >
               <path d="m9 18 6-6-6-6" />
             </svg>
           </p>
-        </div>
-      </div>
+        </span>
+      </span>
     </a>
   );
 }
diff --git a/components/caseStudySearch.tsx b/components/caseStudySearch.tsx
index ccccd810..2842f876 100644
--- a/components/caseStudySearch.tsx
+++ b/components/caseStudySearch.tsx
@@ -35,9 +35,9 @@ export default function CaseStudySearch({setSearch}: caseStudySearchProps) {
                   viewBox="0 0 24 24"
                   fill="none"
                   stroke="currentColor"
-                  stroke-width="2"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
+                  strokeWidth="2"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
                 >
                   <circle cx="11" cy="11" r="8" />
                   <path d="m21 21-4.3-4.3" />
diff --git a/components/nav/UpIcon.js b/components/nav/UpIcon.js
index 48a12361..d585acad 100644
--- a/components/nav/UpIcon.js
+++ b/components/nav/UpIcon.js
@@ -2,4 +2,4 @@ export const UpIcon = ({ className }) => (
     <svg className={className} height="12px" width="12px" viewBox="0 0 407.436 407.436" xmlns="http://www.w3.org/2000/svg">
       <polygon fill="currentColor" points="203.718,91.567 0,294.621 21.179,315.869 203.718,133.924 386.258,315.869 407.436,294.621" />
     </svg>
-  );
\ No newline at end of file
+  );
diff --git a/components/nav/solutionsSection.tsx b/components/nav/solutionsSection.tsx
index 008cc2d2..6d9faf27 100644
--- a/components/nav/solutionsSection.tsx
+++ b/components/nav/solutionsSection.tsx
@@ -135,7 +135,9 @@ export default function Solutions() {
                         href={item.url}
                         className="flex items-center gap-3 font-semibold hover:text-primary-500 transition-colors duration-200 h-[24px]"
                       >
-                        <div className="h-6 w-6 flex-shrink-0 flex items-center justify-center">{item.icon}</div>
+                        <span className="h-6 w-6 flex-shrink-0 flex items-center justify-center">
+                          {item.icon}
+                        </span>
                         <span>{item.name}</span>
                       </a>
                     </li>
diff --git a/components/webstories/Stories.tsx b/components/webstories/Stories.tsx
index 2a5943b5..b1677d5d 100644
--- a/components/webstories/Stories.tsx
+++ b/components/webstories/Stories.tsx
@@ -1,11 +1,6 @@
 import React, { memo, useEffect, useState, useRef } from "react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import {
-  faLink,
-  faArrowUp,
-  faPause,
-  faPlay,
-} from "@fortawesome/free-solid-svg-icons";
+import { faLink, faArrowUp, faPause, faPlay } from "@fortawesome/free-solid-svg-icons";
 import Link from "next/link";
 import CustomizedDialogs from "./components/ShareComponent";
 import Image, { StaticImageData } from "next/image";
@@ -14,8 +9,10 @@ import CircularLoader from "./components/circularLoader";
 import { useSwipeable } from "react-swipeable";
 import { KeyboardArrowLeft } from "@mui/icons-material";
 import { useRouter } from "next/navigation";
+
 const LottiePlayer = dynamic(() => import("./LottiePlayerWebStories"), {
   ssr: false,
+  loading: () => <div className="loading-placeholder">Loading animation...</div>,
 });
 
 type StoriesProps = {
@@ -24,17 +21,17 @@ type StoriesProps = {
   text?: string;
   swipeText?: string;
   swipeLink?: string;
-  image: Boolean; // Use boolean instead of Boolean
+  image: boolean; // Use `boolean` for the primitive type
 };
 
 type StoriesComponentProps = {
   Story: StoriesProps;
   totalLen: number;
   currentIndex: number;
-  Next: Boolean;
-  paused: (pause: Boolean) => void;
+  Next: boolean;
+  paused: (pause: boolean) => void;
   animationDuration: string;
-  timerScreen: Boolean;
+  timerScreen: boolean;
   handleNextStory: () => void;
   handlePrevStory: () => void;
   slug: string | string[];
@@ -56,7 +53,7 @@ const Stories = ({
   const [isPaused, setIsPaused] = useState(false);
   const [isLongPress, setIsLongPress] = useState(false);
   const timerRef = useRef<NodeJS.Timeout | null>(null);
-  const [windowWidth, setWindowWidth] = React.useState(0);
+  const [windowWidth, setWindowWidth] = useState<number | null>(null); // Ensure SSR safety
   const router = useRouter();
   const lines = Array.from({ length: totalLen }, (_, i) => i);
 
@@ -68,13 +65,24 @@ const Stories = ({
     }
   }, [Story]);
 
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      const handleResize = () => setWindowWidth(window.innerWidth);
+      setWindowWidth(window.innerWidth);
+      window.addEventListener("resize", handleResize);
+      return () => window.removeEventListener("resize", handleResize);
+    }
+  }, []);
+
   const handlePauseResume = () => {
     paused(!isPaused);
     setIsPaused(!isPaused);
   };
 
   const handleSwipeUp = () => {
-    window.location.href = "/webstories";
+    if (typeof window !== "undefined") {
+      window.location.href = "/webstories";
+    }
   };
 
   const handleLongPress = () => {
@@ -100,15 +108,6 @@ const Stories = ({
     },
   });
 
-  React.useEffect(() => {
-    if (typeof window !== "undefined") {
-      setWindowWidth(window.innerWidth);
-      const handleResize = () => setWindowWidth(window.innerWidth);
-      window.addEventListener("resize", handleResize);
-      return () => window.removeEventListener("resize", handleResize);
-    }
-  }, []);
-
   return (
     <div className="relative h-full lg:mt-10 xl:mt-10 md:rounded-xl lg:rounded-xl xl:rounded-xl z-30 border border-gray-500">
       {timerScreen && (
@@ -121,16 +120,13 @@ const Stories = ({
           className="inset-0 w-full h-full justify-center"
           onClick={handlePrevStory}
         ></div>
-        <div
-          {...handlers}
-          className="inset-0 w-full h-full justify-center"
-        ></div>
+        <div {...handlers} className="inset-0 w-full h-full justify-center"></div>
         <div
           className="inset-0 w-full h-full justify-center"
           onClick={handleNextStory}
         ></div>
       </div>
-      <div className={`absolute flex flex-row w-full z-30`}>
+      <div className="absolute flex flex-row w-full z-30">
         <div className="absolute z-10 w-full flex flex-row h-5 gap-1">
           {lines.map((line, key) => {
             const isCurrentLine = line === currentIndex;
@@ -139,25 +135,17 @@ const Stories = ({
             let lineClass = "";
 
             if (Next) {
-              if (line <= currentIndex) {
-                lineClass = isCurrentLine
-                  ? isPaused
-                    ? "loader paused bg-slate-100"
-                    : "loader bg-slate-100"
-                  : "bg-primary-300";
-              } else {
-                lineClass = "bg-slate-100";
-              }
+              lineClass = line <= currentIndex
+                ? isPaused
+                  ? "loader paused bg-slate-100"
+                  : "loader bg-slate-100"
+                : "bg-primary-300";
             } else {
-              if (line <= currentIndex) {
-                lineClass = isCurrentLine
-                  ? isPaused
-                    ? "loaderBack paused bg-slate-100"
-                    : "loaderBack notPaused bg-slate-100"
-                  : "bg-primary-300";
-              } else {
-                lineClass = "bg-slate-100";
-              }
+              lineClass = line <= currentIndex
+                ? isPaused
+                  ? "loaderBack paused bg-slate-100"
+                  : "loaderBack notPaused bg-slate-100"
+                : "bg-primary-300";
             }
 
             const loaderClassApplied = lineClass.includes("loader");
@@ -180,16 +168,14 @@ const Stories = ({
           })}
         </div>
         <div className="flex flex-row mx-5 pt-3 mt-5 z-10 w-full items-center justify-end">
-          {windowWidth > 1024 ? (
+          {windowWidth && windowWidth > 1024 ? (
             <div className="cursor-pointer scale-125 flex flex-row gap-5">
               <FontAwesomeIcon
                 icon={isPaused ? faPlay : faPause}
                 onClick={handlePauseResume}
                 className="scale-125 text-slate-200 cursor-pointer"
               />
-              <CustomizedDialogs
-                handlingPauseBehindScenes={handlePauseResume}
-              />
+              <CustomizedDialogs handlingPauseBehindScenes={handlePauseResume} />
             </div>
           ) : (
             <div className="flex flex-row w-full justify-between">
@@ -200,15 +186,12 @@ const Stories = ({
                 }}
               />
               <div className="scale-[1.5]">
-                <CustomizedDialogs
-                  handlingPauseBehindScenes={handlePauseResume}
-                />
+                <CustomizedDialogs handlingPauseBehindScenes={handlePauseResume} />
               </div>
             </div>
           )}
         </div>
       </div>
-
       {Story.image &&
       (typeof Story.imageUrl === "string" ||
         (typeof Story.imageUrl === "object" && "height" in Story.imageUrl)) ? (
@@ -227,10 +210,9 @@ const Stories = ({
           className="flex flex-col h-full w-full md:rounded-xl lg:rounded-xl xl:rounded-xl"
         />
       )}
-
       {currentIndex < totalLen - 1 && (
         <div className="absolute w-full z-30 bottom-0 animate-grow cursor-text">
-          <div className="bg-secondary-300 opacity-80 p-8 md:rounded-b-xl md:rounded-t-sm lg:rounded-b-xl lg:rounded-t-sm xl:rounded-t-sm xl:rounded-b-xl">
+          <div className="bg-secondary-300 opacity-80 p-8 md:rounded-b-xl lg:rounded-b-xl xl:rounded-b-xl">
             {Story.Heading && (
               <h1 className="text-2xl text-slate-50 font-bold mb-3">
                 {Story.Heading}
@@ -240,7 +222,6 @@ const Stories = ({
           </div>
         </div>
       )}
-
       {Story.swipeLink && Story.swipeText && (
         <Link href={Story.swipeLink}>
           <div
@@ -252,7 +233,7 @@ const Stories = ({
               icon={faArrowUp}
               className="text-orange-400 mr-1 animate-bounce"
             />
-            <p className="bg-gradient-300 p-2 rounded-3xl md:rounded-3xl lg:rounded-3xl xl:rounded-3xl text-center text-secondary-300 flex items-center hover:scale-105 duration-300">
+            <p className="bg-gradient-300 p-2 rounded-3xl text-center text-secondary-300 flex items-center hover:scale-105 duration-300">
               <FontAwesomeIcon
                 icon={faLink}
                 className="mx-1 text-secondary-300 bg-gradient-300 p-1 rounded-full"
@@ -266,4 +247,4 @@ const Stories = ({
   );
 };
 
-export default memo(Stories);
+export default memo(Stories);
\ No newline at end of file
diff --git a/public/images/navBarIcons/ApiCallRecording.js b/public/images/navBarIcons/ApiCallRecording.js
index d0ca96e8..221355df 100644
--- a/public/images/navBarIcons/ApiCallRecording.js
+++ b/public/images/navBarIcons/ApiCallRecording.js
@@ -6,10 +6,10 @@ const ApiCallRecording = () => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <g clip-path="url(#clip0_2022_1994)">
+    <g clipPath="url(#clip0_2022_1994)">
       <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
+        fillRule="evenodd"
+        clipRule="evenodd"
         d="M22.5 6.5H4.5C3.90326 6.5 3.33097 6.72827 2.90901 7.1346C2.48705 7.54093 2.25 8.09203 2.25 8.66667V17.3333C2.25 17.908 2.48705 18.4591 2.90901 18.8654C3.33097 19.2717 3.90326 19.5 4.5 19.5H22.5C23.0967 19.5 23.669 19.2717 24.091 18.8654C24.5129 18.4591 24.75 17.908 24.75 17.3333V8.66667C24.75 8.09203 24.5129 7.54093 24.091 7.1346C23.669 6.72827 23.0967 6.5 22.5 6.5ZM10.4513 16.0333L10.125 14.8742H8.055L7.72875 16.0333H5.81625L7.875 9.82583H10.2263L12.375 16.0333H10.4513ZM17.5837 12.6317C17.5028 12.8884 17.3646 13.1251 17.1788 13.325C16.9674 13.5359 16.7099 13.6987 16.425 13.8017C16.0651 13.9297 15.6836 13.9922 15.3 13.9858H14.805V16.0333H13.05V9.8475H15.3C15.9511 9.80222 16.5976 9.98284 17.1225 10.3567C17.3337 10.5395 17.4992 10.7662 17.6063 11.0195C17.7135 11.2728 17.7596 11.5462 17.7413 11.8192C17.7349 12.0964 17.6817 12.3709 17.5837 12.6317ZM20.4862 16.0333H18.7425V9.8475H20.4862V16.0333ZM9.50625 12.4908L9.77625 13.4983H8.415L8.685 12.4908C8.685 12.35 8.775 12.1875 8.82 11.9817C8.865 11.7758 8.92125 11.57 8.96625 11.3642C9.01326 11.1929 9.05081 11.0193 9.07875 10.8442C9.07875 10.985 9.1575 11.1583 9.2025 11.3858L9.37125 12.0142L9.50625 12.4908ZM15.795 11.4075C15.8569 11.4689 15.9048 11.542 15.9358 11.6222C15.9668 11.7024 15.9801 11.7879 15.975 11.8733C15.9812 12.0334 15.9382 12.1917 15.8512 12.3283C15.7772 12.4354 15.6713 12.5185 15.5475 12.5667C15.4159 12.6199 15.274 12.6458 15.1312 12.6425H14.7825V11.2017H15.2325C15.3272 11.1975 15.4217 11.2116 15.5106 11.2433C15.5995 11.2749 15.6809 11.3234 15.75 11.3858L15.795 11.4075Z"
         fill="black"
       />
diff --git a/public/images/navBarIcons/CaseStudies.js b/public/images/navBarIcons/CaseStudies.js
index 9ff887b1..b394c80b 100644
--- a/public/images/navBarIcons/CaseStudies.js
+++ b/public/images/navBarIcons/CaseStudies.js
@@ -13,7 +13,7 @@ const CaseStudies = () => (
       d="M16.5535 16.8808C16.5535 17.2197 16.2439 17.5593 15.8735 17.5357C15.5621 17.517 15.2508 17.5122 14.9394 17.4943C14.6492 17.4797 14.3589 17.4642 14.067 17.4561C12.69 17.4195 11.3096 17.448 9.93094 17.448C9.21628 17.448 8.49994 17.4496 7.78359 17.4593C7.01156 17.4707 6.24797 17.5365 5.48015 17.6283C5.30465 17.6487 5.09625 17.5414 4.97728 17.4277C4.8465 17.3001 4.77056 17.1246 4.77056 16.9434C4.77056 16.763 4.84565 16.5883 4.97728 16.4608C5.12325 16.3218 5.28356 16.2828 5.48015 16.2601C6.14503 16.1853 6.80569 16.1447 7.47478 16.1447C7.51106 16.1447 7.54819 16.1447 7.58447 16.1447C9.00534 16.1545 10.4271 16.1634 11.8479 16.1699C12.1281 16.1715 12.4099 16.1699 12.6925 16.1683C13.0764 16.1667 13.4595 16.1634 13.8451 16.1683C14.5218 16.178 15.1959 16.2284 15.8726 16.2235C16.2439 16.2227 16.5535 16.5242 16.5535 16.8808ZM16.1106 13.2384C15.7857 13.2417 15.4617 13.262 15.1369 13.262C14.7825 13.2636 14.4273 13.262 14.0712 13.262C13.381 13.2652 12.6908 13.2668 11.999 13.2555C10.5173 13.2303 9.03403 13.2002 7.55156 13.1433C6.67322 13.11 5.79403 13.0532 4.91569 13.0174C4.9064 13.0166 4.89628 13.0166 4.887 13.0166C4.50815 13.0166 4.19597 13.353 4.19597 13.7088C4.19597 14.0956 4.52419 14.3873 4.91569 14.4003C5.72906 14.4271 6.54159 14.4417 7.35497 14.462C8.0865 14.4791 8.8155 14.5108 9.54534 14.5295C10.9915 14.5677 12.4335 14.6351 13.878 14.657C14.2501 14.6635 14.6222 14.6619 14.9943 14.6619C15.1234 14.6619 15.2533 14.6635 15.3824 14.6635C15.6254 14.6652 15.8676 14.6668 16.1106 14.6587C16.5122 14.6465 16.848 14.345 16.848 13.9485C16.848 13.5634 16.5122 13.2335 16.1106 13.2384ZM4.31578 10.7676C4.30903 10.3459 4.3335 9.92504 4.34194 9.50335C4.34869 9.0711 4.36809 8.64047 4.3875 8.20741C4.42969 7.3096 4.42378 6.4126 4.43644 5.51479C4.43981 5.22554 4.62459 4.97204 4.887 4.86316C5.01609 4.69741 5.211 4.58122 5.43881 4.58285C5.98134 4.5861 6.52219 4.5926 7.06472 4.59991C8.50753 4.61697 9.94781 4.60479 11.3906 4.59504C12.1002 4.58854 12.8081 4.58041 13.5186 4.5731C13.7287 4.56985 13.9379 4.56579 14.148 4.56579C14.2729 4.56579 14.3977 4.56741 14.5235 4.57147C14.6821 4.57635 14.8432 4.58854 15.0019 4.60154C15.2018 4.6186 15.4052 4.63647 15.5967 4.69172C15.9038 4.78191 16.1021 5.0541 16.0987 5.35391C16.2008 5.47741 16.27 5.62854 16.281 5.79835C16.3283 6.57672 16.3367 7.3551 16.3384 8.13266C16.3384 8.88585 16.3544 9.63904 16.3468 10.3914C16.3418 10.7692 16.0237 11.0853 15.6271 11.0893C15.5081 11.299 15.2845 11.4485 15.0221 11.4485C14.6357 11.4485 14.2501 11.442 13.8628 11.442C12.4563 11.4387 11.0481 11.4403 9.64153 11.4403C8.12784 11.4403 6.61247 11.4574 5.09962 11.4322C5.07262 11.4355 5.049 11.4477 5.02115 11.4477C4.63387 11.4501 4.32253 11.1389 4.31578 10.7676ZM5.89106 5.92835C5.84972 7.30472 5.78897 8.67947 5.75353 10.055C5.99315 10.0615 6.23194 10.068 6.47156 10.0737C7.92365 10.107 9.37491 10.107 10.827 10.107C11.5518 10.107 12.274 10.1038 12.9988 10.1038C13.6308 10.1038 14.2636 10.0948 14.8964 10.107C14.9023 9.44891 14.9091 8.7916 14.9065 8.13429C14.9023 7.40629 14.8618 6.68154 14.8112 5.95597C14.5884 5.94379 14.3665 5.93322 14.1429 5.93241C12.7609 5.92104 11.3805 5.90397 10.001 5.9056C9.72759 5.90722 9.45506 5.9056 9.18169 5.9056C8.72775 5.90397 8.27381 5.90235 7.82156 5.90722C7.17862 5.91372 6.53484 5.92185 5.89106 5.92835ZM24.2848 11.9018C24.2814 12.6047 24.3 13.3083 24.2966 14.0119C24.2949 14.3588 24.2848 14.7082 24.262 15.0535C24.2376 15.4037 24.192 15.7515 24.1591 16.1C24.1262 16.4445 24.1118 16.7898 24.0823 17.1335C24.0494 17.5235 23.987 17.9152 23.9001 18.2987C23.8292 18.6115 23.7592 18.9316 23.6427 19.2314C23.5626 19.4337 23.4807 19.6385 23.3752 19.8294C23.3035 19.957 23.2175 20.0788 23.1356 20.2015C22.9702 20.4461 22.6817 20.5737 22.3965 20.5298C22.2775 20.6817 22.0944 20.7833 21.881 20.7971C21.5502 20.819 21.2186 20.8288 20.8862 20.8458C20.5453 20.8621 20.2028 20.8808 19.8619 20.8824C19.1835 20.8873 18.506 20.8857 17.8276 20.8962C17.1568 20.9076 16.4869 20.9295 15.8161 20.9344C14.429 20.9442 13.041 20.9661 11.6539 20.9515C10.2524 20.9368 8.85094 20.906 7.45116 20.8946C6.09441 20.8857 4.71825 20.8068 3.36909 20.9726C3.26362 20.9864 3.15815 21.0002 3.05269 21.014C3.0375 21.0165 3.02315 21.0189 3.00797 21.0213C2.88309 21.053 2.75906 21.053 2.63419 21.0213C2.5979 21.0108 2.57175 20.9823 2.538 20.9677C2.37853 20.9888 2.21315 20.971 2.07309 20.8913C1.89928 20.7922 1.809 20.65 1.74065 20.4729C1.63265 20.2015 1.55419 19.9172 1.46812 19.6377C1.38122 19.35 1.30106 19.06 1.24537 18.7667C1.1745 18.3897 1.11544 18.0094 1.06312 17.6292C1.04962 17.5772 1.04203 17.5235 1.04119 17.4699C1.00322 17.1888 0.968623 16.9068 0.93403 16.6257C0.852186 15.9473 0.815905 15.2697 0.789748 14.588C0.739123 13.2319 0.712967 11.8726 0.714655 10.5157C0.716342 9.11904 0.678373 7.72154 0.691873 6.32485C0.698623 5.60497 0.719717 4.88672 0.737436 4.16685C0.757686 3.41772 0.767811 2.6686 0.788905 1.91866C0.789748 1.89347 0.802405 1.87072 0.804936 1.84635C0.788061 1.78622 0.766123 1.72854 0.766123 1.66354C0.766123 1.29304 1.09012 0.954224 1.48078 0.954224C1.48753 0.954224 1.49512 0.954224 1.50187 0.954224C1.91194 0.967224 2.32284 0.981036 2.7329 0.995661C3.06281 1.00622 3.39356 1.0046 3.72347 1.02085C4.41366 1.05254 5.09878 1.12972 5.78897 1.14354C6.48759 1.15816 7.18537 1.16547 7.88231 1.16547C9.29559 1.16547 10.7063 1.14354 12.1196 1.12566C13.5405 1.10697 14.9622 1.04847 16.3831 1.0306C17.0648 1.02247 17.7466 1.00866 18.4292 1.00541C19.0704 1.00216 19.7142 0.980224 20.3555 0.998911C20.7225 1.01029 21.0305 1.28654 21.0305 1.64972C21.0305 1.80247 20.9621 1.94791 20.8609 2.06491C20.8651 2.09254 20.8786 2.11691 20.8803 2.14454C20.9301 2.8571 20.9377 3.56722 20.9377 4.27816C21.8059 4.28304 22.6749 4.29929 23.544 4.30497C23.8528 4.3066 24.1059 4.51541 24.1844 4.79166C24.262 4.90216 24.3177 5.02729 24.3127 5.16785C24.2949 5.74391 24.2418 6.31997 24.2274 6.89604C24.2139 7.45341 24.2013 8.01079 24.2224 8.56735C24.2435 9.11985 24.2781 9.67072 24.2899 10.2232C24.3008 10.7822 24.2882 11.3412 24.2848 11.9018ZM19.9074 19.6393C20.0391 19.6336 20.1707 19.6255 20.3015 19.6165C20.0576 19.3403 19.8374 19.051 19.6855 18.7179C19.6037 18.54 19.5218 18.3547 19.4788 18.1605C19.4349 17.9631 19.4088 17.7616 19.3902 17.5577C19.3877 17.5284 19.3902 17.5 19.3894 17.4707C19.3666 17.3667 19.359 17.2595 19.3826 17.1498C19.3894 16.9068 19.3573 16.6598 19.343 16.4202C19.3278 16.1927 19.3219 15.9652 19.3236 15.7385C19.3253 15.2363 19.3396 14.7342 19.3497 14.2313C19.3708 13.2319 19.3843 12.2333 19.3877 11.234C19.3894 10.4824 19.3877 9.73166 19.4029 8.98172C19.4164 8.25535 19.4704 7.53141 19.483 6.80666C19.4974 6.03316 19.4965 5.25966 19.483 4.48616C19.4704 3.75247 19.4181 3.02122 19.3607 2.28916C19.0595 2.28672 18.7583 2.27291 18.4579 2.27779C17.7854 2.28835 17.1138 2.30135 16.4413 2.30135C15.7216 2.30135 15.0019 2.33304 14.2822 2.36472C13.581 2.39641 12.879 2.40291 12.1745 2.41022C11.4649 2.41835 10.757 2.43704 10.0465 2.4541C9.33187 2.47279 8.61722 2.46385 7.90256 2.46385C7.20394 2.46385 6.50616 2.46872 5.80584 2.47197C5.46497 2.47197 5.12072 2.4736 4.77984 2.44841C4.4339 2.4216 4.09134 2.38097 3.74372 2.37122C3.40791 2.36229 3.06956 2.3761 2.73375 2.37935C2.56669 2.38016 2.39962 2.3761 2.23256 2.37529C2.16759 3.68341 2.06381 4.98991 2.04272 6.30047C2.02162 7.64841 2.08575 8.99635 2.0984 10.3443C2.1119 11.7174 2.11359 13.0922 2.16928 14.4645C2.19712 15.1372 2.22665 15.8092 2.30512 16.4787C2.32453 16.6412 2.34731 16.802 2.36925 16.9645C2.38275 17.0482 2.39203 17.1335 2.40384 17.2188C2.41228 17.2806 2.42325 17.3407 2.42915 17.4008C2.50003 17.8932 2.57512 18.3905 2.71181 18.8715C2.78944 19.1445 2.89322 19.411 2.99109 19.6783C3.80615 19.5889 4.6229 19.6011 5.44303 19.6011C6.83944 19.6011 8.23584 19.6482 9.63309 19.6734C11.0312 19.6986 12.4327 19.7018 13.8324 19.6986C14.1227 19.6986 14.4146 19.6986 14.7057 19.6986C15.0938 19.6986 15.4845 19.7002 15.8743 19.6953C16.5594 19.6888 17.2446 19.6588 17.9297 19.6515C18.1769 19.6498 18.4267 19.6515 18.6739 19.6515C19.0865 19.6547 19.4957 19.658 19.9074 19.6393ZM22.8386 9.54154C22.8302 9.1751 22.8057 8.81029 22.8074 8.44466C22.8091 8.10585 22.8125 7.7646 22.8158 7.42497C22.8184 6.81885 22.8319 6.21435 22.842 5.60904C22.6488 5.60904 22.4556 5.60985 22.2615 5.6131C21.8194 5.62122 21.3764 5.62854 20.9326 5.63179C20.9301 6.12904 20.9267 6.6271 20.9107 7.12435C20.8946 7.62972 20.8676 8.13266 20.8583 8.63641C20.8448 9.3896 20.8533 10.1428 20.855 10.8952C20.8567 11.6232 20.8567 12.3503 20.8702 13.0767C20.882 13.7885 20.8752 14.497 20.8651 15.2095C20.8617 15.5443 20.8516 15.8807 20.855 16.2162C20.8583 16.4015 20.8617 16.5843 20.8727 16.7687C20.8794 16.8524 20.8862 16.9345 20.8938 17.0182C20.909 17.1888 20.8988 17.3432 20.8643 17.5154C20.8524 17.5731 20.817 17.6178 20.7892 17.6682C20.8162 17.7852 20.8423 17.9013 20.8862 18.0151C20.9638 18.1695 21.0541 18.3125 21.1587 18.4514C21.2971 18.6163 21.4422 18.7756 21.6084 18.9145C21.7578 19.012 21.9122 19.0941 22.0793 19.164C22.0809 19.1648 22.0826 19.1664 22.0843 19.1672C22.1122 19.1152 22.1467 19.0665 22.1721 19.0128C22.3484 18.5611 22.4463 18.0817 22.5231 17.6064C22.5602 17.3131 22.5838 17.0198 22.6032 16.724C22.6243 16.399 22.664 16.0789 22.7003 15.7547C22.7753 15.082 22.8066 14.4117 22.8015 13.734C22.7897 12.3373 22.8698 10.939 22.8386 9.54154Z"
       fill="#111918"
       stroke="black"
-      stroke-width="4"
+      strokeWidth="4"
       mask="url(#path-1-inside-1_2022_1742)"
     />
   </svg>
diff --git a/public/images/navBarIcons/Contact.js b/public/images/navBarIcons/Contact.js
index 274dbacd..1a6eba23 100644
--- a/public/images/navBarIcons/Contact.js
+++ b/public/images/navBarIcons/Contact.js
@@ -9,18 +9,18 @@ const Contact = () => (
     <path
       d="M1.0249 3.6875L10.5499 11.3164C11.3749 11.9945 12.5999 11.9945 13.4249 11.3164L22.9749 3.6875"
       stroke="black"
-      stroke-width="2"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
+      strokeWidth="2"
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+      strokeLinejoin="round"
     />
     <path
       d="M22.9748 14.7312V2.74296C22.9748 2.23436 22.5498 1.84686 22.0498 1.84686H1.9748C1.4498 1.84686 1.0498 2.25858 1.0498 2.74296V16.2328C1.0498 16.7414 1.4748 17.1289 1.9748 17.1289H22.9748"
       stroke="black"
-      stroke-width="2"
-      stroke-miterlimit="10"
-      stroke-linecap="round"
-      stroke-linejoin="round"
+      strokeWidth="2"
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+      strokeLinejoin="round"
     />
   </svg>
 );
diff --git a/public/images/navBarIcons/EnterpriseSolution.js b/public/images/navBarIcons/EnterpriseSolution.js
index bacefbc6..07cad793 100644
--- a/public/images/navBarIcons/EnterpriseSolution.js
+++ b/public/images/navBarIcons/EnterpriseSolution.js
@@ -6,7 +6,7 @@ const EnterpriseSolution = () => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <g clip-path="url(#clip0_2022_1977)">
+    <g clipPath="url(#clip0_2022_1977)">
       <path d="M8.4375 6.5H6.75V9.75H8.4375V6.5Z" fill="black" />
       <path d="M8.4375 11.375H6.75V14.625H8.4375V11.375Z" fill="black" />
       <path d="M13.5 6.5H11.8125V9.75H13.5V6.5Z" fill="black" />
diff --git a/public/images/navBarIcons/EnterpriseSolutionImg.js b/public/images/navBarIcons/EnterpriseSolutionImg.js
index f429f9c9..621108a0 100644
--- a/public/images/navBarIcons/EnterpriseSolutionImg.js
+++ b/public/images/navBarIcons/EnterpriseSolutionImg.js
@@ -16,7 +16,7 @@ const EnterpriseSolutionImg = () => (
       rx="0.769644"
       fill="#CDD5E0"
     />
-    <g clip-path="url(#clip0_2022_1854)">
+    <g clipPath="url(#clip0_2022_1854)">
       <path
         d="M128.205 14.0028C128.205 14.0639 128.178 14.1225 128.129 14.1656C128.08 14.2088 128.014 14.2331 127.945 14.2331C127.877 14.2331 127.81 14.2088 127.762 14.1656C127.713 14.1225 127.686 14.0639 127.686 14.0028C127.686 13.9417 127.713 13.8831 127.762 13.8399C127.81 13.7967 127.877 13.7725 127.945 13.7725C128.014 13.7725 128.08 13.7967 128.129 13.8399C128.178 13.8831 128.205 13.9417 128.205 14.0028Z"
         fill="#97A3B7"
diff --git a/public/images/navBarIcons/GettingStarted.js b/public/images/navBarIcons/GettingStarted.js
index 8be25536..dc02ae62 100644
--- a/public/images/navBarIcons/GettingStarted.js
+++ b/public/images/navBarIcons/GettingStarted.js
@@ -11,8 +11,8 @@ const GettingStarted = () => (
       fill="black"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M11.8125 0C5.28863 0 0 5.09275 0 11.375C0 17.6573 5.28863 22.75 11.8125 22.75C14.7712 22.75 17.4746 21.7024 19.5469 19.9723L24.435 24.6783C24.5122 24.7582 24.6054 24.8222 24.7089 24.8666C24.8124 24.911 24.9241 24.9349 25.0374 24.9368C25.1507 24.9387 25.2632 24.9187 25.3683 24.8778C25.4734 24.8369 25.5688 24.7761 25.6489 24.699C25.729 24.6218 25.7922 24.5299 25.8346 24.4287C25.8771 24.3276 25.8979 24.2192 25.8959 24.1101C25.8939 24.001 25.8691 23.8934 25.823 23.7938C25.7769 23.6941 25.7104 23.6044 25.6275 23.53L20.7405 18.8229C22.6045 16.7572 23.6291 14.1116 23.625 11.375C23.625 5.09275 18.3364 0 11.8125 0ZM1.6875 11.375C1.6875 10.0946 1.94939 8.82676 2.45822 7.64384C2.96705 6.46091 3.71285 5.38608 4.65304 4.48071C5.59324 3.57534 6.70941 2.85716 7.93783 2.36717C9.16625 1.87719 10.4829 1.625 11.8125 1.625C13.1421 1.625 14.4587 1.87719 15.6872 2.36717C16.9156 2.85716 18.0318 3.57534 18.972 4.48071C19.9121 5.38608 20.658 6.46091 21.1668 7.64384C21.6756 8.82676 21.9375 10.0946 21.9375 11.375C21.9375 13.9609 20.8708 16.4408 18.972 18.2693C17.0731 20.0978 14.4978 21.125 11.8125 21.125C9.12718 21.125 6.55185 20.0978 4.65304 18.2693C2.75424 16.4408 1.6875 13.9609 1.6875 11.375Z"
       fill="black"
     />
diff --git a/public/images/navBarIcons/Github.js b/public/images/navBarIcons/Github.js
index 872deb22..187fad22 100644
--- a/public/images/navBarIcons/Github.js
+++ b/public/images/navBarIcons/Github.js
@@ -7,8 +7,8 @@ const Github = () => (
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M13.5 0C20.9561 0 27 5.96691 27 13.3288C27 19.2165 23.1363 24.2111 17.7754 25.9752C17.091 26.1065 16.848 25.6903 16.848 25.3354C16.848 24.896 16.8642 23.4608 16.8642 21.6772C16.8642 20.4344 16.4322 19.6233 15.9476 19.2099C18.954 18.8797 22.113 17.7525 22.113 12.6331C22.113 11.1771 21.5892 9.98897 20.7225 9.05557C20.8629 8.71887 21.3259 7.36314 20.5902 5.52754C20.5902 5.52754 19.4589 5.17039 16.8817 6.89419C15.8031 6.59909 14.6475 6.45061 13.5 6.44541C12.3525 6.45061 11.1983 6.59909 10.121 6.89419C7.5411 5.17039 6.4071 5.52754 6.4071 5.52754C5.67405 7.36314 6.1371 8.71887 6.27615 9.05557C5.4135 9.98897 4.88565 11.1771 4.88565 12.6331C4.88565 17.7395 8.0379 18.884 11.0363 19.2207C10.6502 19.5535 10.3005 20.1406 10.179 21.0025C9.4095 21.3431 7.4547 21.9326 6.2505 19.8955C6.2505 19.8955 5.53635 18.6148 4.18095 18.5212C4.18095 18.5212 2.8647 18.5044 4.08915 19.3312C4.08915 19.3312 4.9734 19.7407 5.58765 21.2812C5.58765 21.2812 6.3801 23.6601 10.1358 22.8541C10.1426 23.9682 10.1547 25.0182 10.1547 25.3354C10.1547 25.6877 9.9063 26.1 9.23265 25.9765C3.86775 24.215 0 19.2178 0 13.3288C0 5.96691 6.0453 0 13.5 0Z"
       fill="black"
     />
diff --git a/public/images/navBarIcons/Jenkins.js b/public/images/navBarIcons/Jenkins.js
index 142e0749..0dd0bbd4 100644
--- a/public/images/navBarIcons/Jenkins.js
+++ b/public/images/navBarIcons/Jenkins.js
@@ -7,8 +7,8 @@ const Jenkins = () => (
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M23.2946 13.4925C23.2946 19.04 18.2696 23.5375 12.0716 23.5375C5.87361 23.5375 0.849609 19.04 0.849609 13.4925C0.849609 7.945 5.87361 3.4475 12.0716 3.4475C18.2696 3.4475 23.2946 7.945 23.2946 13.4925Z"
       fill="#D33833"
     />
@@ -21,32 +21,32 @@ const Jenkins = () => (
       fill="#231F20"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M16.7962 13.5485L15.0962 13.7734L12.7862 13.9982L11.2902 14.0359L9.83624 13.9982L8.72423 13.699L7.74123 12.7627L6.97123 10.8552L6.80123 10.444L5.77523 10.1447L5.17523 9.28462L4.74023 8.05L5.21023 6.965L6.32223 6.62812L7.22023 7.00262L7.64823 7.82512L8.16123 7.74987L8.33123 7.56262L8.16123 6.7025L8.11823 5.6175L8.37523 4.13L8.36523 3.27512L9.14524 2.18487L10.5132 1.32475L12.9052 0.417374L15.5552 0.754249L17.8652 2.21287L18.9352 3.70037L19.6192 4.78537L19.7892 7.47862L19.2762 9.79737L18.3362 11.8536L17.4382 12.9386"
       fill="#F0D6B7"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M15.3422 20.02L9.22816 20.2449V21.1426L9.74116 24.2839L9.48416 24.5464L5.21016 23.275L4.91016 22.8261L4.48216 18.5999L3.49916 16.0563L3.28516 15.4578L6.70516 13.4015L7.77516 13.027L8.71516 14.0368L9.52716 14.6729L10.4672 14.9354L10.8942 15.0474L11.4072 16.9925L11.7922 17.4038L12.7752 17.1045L12.0912 18.2639L15.8112 19.7978L15.3412 20.0226"
       fill="#335061"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M5.21006 6.965L6.32206 6.62813L7.22006 7.00263L7.64806 7.82513L8.16106 7.74988L8.28906 7.301L8.03206 6.44088L8.28906 4.38288L8.07506 3.26025L8.84506 2.4745L10.5121 1.31513L10.0421 0.755127L7.69006 1.76488L6.70706 2.43863L6.15106 3.486L5.29606 4.49575L5.03906 5.69275L5.20906 6.965"
       fill="#6D6B6D"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M6.96202 3.4475C6.96202 3.4475 7.60202 2.06325 10.169 1.39125C12.736 0.71925 10.297 0.90475 10.297 0.90475L7.51702 1.841L6.44701 2.77725L5.97702 3.52537L6.96002 3.45012M5.68002 6.7025C5.68002 6.7025 4.78202 4.08362 8.20302 3.71L8.07502 3.26112L5.72502 3.74762L5.04102 5.69275L5.21102 6.965L5.68002 6.7025Z"
       fill="#DCD9D8"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M7.04785 10.1815L7.60785 9.70725C7.61346 9.7771 7.64551 9.84332 7.69893 9.89545C7.75236 9.94758 7.82411 9.98265 7.90285 9.99512C7.94585 10.2576 8.07285 12.614 9.90285 13.8862C10.0709 14.0026 8.53485 13.699 8.53485 13.699L7.16685 11.8282M14.9049 9.47012C14.9049 9.47012 15.0049 8.33612 15.3549 8.42362C15.7049 8.51112 15.7049 8.81737 15.7049 8.81737C15.7049 8.81737 14.8569 9.29687 14.9069 9.47187"
       fill="#F7E4CD"
     />
@@ -55,56 +55,56 @@ const Jenkins = () => (
       fill="#F7E4CD"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M7.47524 7.7875C7.47524 7.7875 5.85024 6.9265 5.68024 7.74988C5.51024 8.57325 5.12424 9.17175 5.93724 10.0319L5.38124 9.88313L4.86824 8.72375L4.69824 7.60113L5.68124 6.70338L6.79324 6.77863L7.43324 7.2275L7.47524 7.7875ZM8.24624 5.43025C8.24624 5.43025 8.97324 2.1385 12.6502 1.49275C15.6772 0.969501 17.2672 1.60475 17.8662 2.20325C17.8662 2.20325 15.1722 -0.601999 12.6062 0.258126C10.0402 1.11825 8.16024 2.70813 8.20024 3.70825L8.24324 5.42938M18.1632 2.58563C18.1632 2.58563 16.9232 2.548 16.8802 3.52188C16.8847 3.62569 16.9136 3.72758 16.9652 3.82113C16.9652 3.82113 17.9492 2.84813 18.5472 3.37225M12.7342 3.92175C12.7342 3.92175 12.5212 2.429 11.0662 3.297C10.1262 3.857 10.2112 4.6445 10.3822 4.7845C10.5532 4.9245 10.5072 5.23513 10.6372 5.0295C10.7672 4.82388 10.7242 4.14925 11.1952 3.962C11.6662 3.77475 12.4352 3.56563 12.7352 3.91388"
       fill="#F7E4CD"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M8.71513 14.035L4.69513 15.6065C4.69513 15.6065 6.36213 21.4051 5.50713 23.2015L4.90713 23.0143L4.86413 20.8066L3.75613 16.625L3.28613 15.4656L7.48613 12.9964L8.72613 14.0438M9.13013 17.2419L9.70013 17.8509V20.0953H9.01613L8.93113 18.3453C8.93113 18.158 9.01613 17.4851 9.01613 17.4851M9.14313 20.4313L7.21913 20.5056L7.77513 20.8425L9.14313 21.0298"
       fill="#49728B"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M15.7275 20.0576L17.3095 20.02L17.6945 23.4623L16.0695 23.6495L15.7275 20.0576Z"
       fill="#335061"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M16.1553 20.0576L18.5493 19.9456L19.5323 17.6636C19.5323 17.5516 20.3873 14.5224 20.3873 14.5224L18.4633 12.7636L18.0783 12.4644L17.0523 13.3621V16.8411L16.1543 20.0585"
       fill="#335061"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M17.2245 19.796L15.7285 20.0585L15.9425 21.1059C16.4985 21.3308 17.4385 20.7314 17.4385 20.7314M17.2665 13.2501L20.2595 15.1953L20.3455 14.2975L18.0795 12.4644L17.2665 13.2501Z"
       fill="#49728B"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M10.6275 27.4278L9.74249 24.2848L9.30249 21.966L9.22949 20.2449L13.2355 20.0585H15.7285L15.5015 23.996L15.8865 27.0261L15.8435 27.5861L12.5935 27.811L10.6265 27.4365"
       fill="white"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M15.1706 20.02C15.1706 20.02 14.9566 23.9111 15.5986 26.67C15.5986 26.67 14.3156 27.3805 12.4346 27.5678L16.0246 27.4558L16.4526 27.2309L15.9396 21.0954L15.8116 19.7855"
       fill="#DCD9D8"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M17.7676 23.163L19.4346 22.7517L22.5986 22.603L23.0686 21.3307L22.2136 19.1231L21.2306 19.0111L19.8626 19.3856L18.5496 19.9456L17.8526 19.8336L17.3096 20.02"
       fill="white"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M17.7373 22.414C17.7373 22.414 18.8493 21.9651 19.0203 22.0027L18.5503 19.9448L19.1063 19.7575L19.4913 21.9275L22.0993 22.0395C22.0993 22.0395 22.6123 21.1794 22.4843 20.2895L22.9543 21.4865L22.9973 22.1602L22.3133 23.058L21.5433 23.2067L20.2603 23.1691L19.8323 22.6826L18.3363 22.8699L17.8663 23.0186"
       fill="#DCD9D8"
     />
@@ -113,8 +113,8 @@ const Jenkins = () => (
       fill="white"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M16.2396 19.0488C16.2396 19.0488 15.0426 17.0275 15.0426 16.73C15.0426 16.73 15.2566 16.2811 15.5556 16.3931C15.8546 16.5051 16.4956 16.8044 16.4956 16.8044V16.0939L15.0416 15.8314L14.0586 15.9434L15.7256 19.3856L16.0676 19.4232"
       fill="#DCD9D8"
     />
@@ -123,101 +123,101 @@ const Jenkins = () => (
       fill="white"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M9.09968 14.2223C9.09968 14.2223 10.4247 14.7088 10.8527 14.5968L10.8957 15.0456L9.69868 14.8216L8.97168 14.3728L9.09968 14.224"
       fill="#DCD9D8"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M17.7618 16.0326C17.0368 16.0151 16.3818 15.939 15.8068 15.7964C15.8468 15.5908 15.7728 15.3886 15.8318 15.2399C15.9918 15.1393 16.2598 15.141 16.5018 15.1174C16.2918 15.0273 15.9988 14.9923 15.7578 15.0439C15.7518 14.9013 15.6778 14.8129 15.6348 14.7009C16.0428 14.5731 17.0048 13.7384 17.5468 14.0149C17.8048 14.1461 17.9148 14.8986 17.9348 15.2626C17.9518 15.5654 17.9048 15.8716 17.7618 16.0326Z"
       fill="#D33833"
     />
     <path
       d="M17.7618 16.0326C17.0368 16.0151 16.3818 15.939 15.8068 15.7964C15.8468 15.5908 15.7728 15.3886 15.8318 15.2399C15.9918 15.1393 16.2598 15.141 16.5018 15.1174C16.2918 15.0273 15.9988 14.9923 15.7578 15.0439C15.7518 14.9013 15.6778 14.8129 15.6348 14.7009C16.0428 14.5731 17.0048 13.7384 17.5468 14.0149C17.8048 14.1461 17.9148 14.8986 17.9348 15.2626C17.9518 15.5654 17.9048 15.8716 17.7618 16.0326Z"
       stroke="#D33833"
-      stroke-width="0.514"
+      strokeWidth="0.514"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M14.2927 14.9949L14.2867 15.1401C14.0597 15.2714 13.6947 15.2688 13.4467 15.3781C13.8127 15.3921 14.1017 15.4691 14.3517 15.5794L14.3357 15.9425C13.9207 16.191 13.5417 16.562 13.0527 16.7948C12.8227 16.905 12.0107 17.1885 11.7647 17.1386C11.6247 17.1106 11.6127 16.9593 11.5577 16.8166C11.4397 16.5104 11.1677 16.0265 11.1427 15.5671C11.1127 14.987 11.0457 14.0158 11.7597 14.1348C12.3501 14.2444 12.9198 14.4267 13.4517 14.6764C13.7247 14.8076 13.8817 14.9678 14.2957 14.9958"
       fill="#D33833"
     />
     <path
       d="M14.2927 14.9949L14.2867 15.1401C14.0597 15.2714 13.6947 15.2688 13.4467 15.3781C13.8127 15.3921 14.1017 15.4691 14.3517 15.5794L14.3357 15.9425C13.9207 16.191 13.5417 16.562 13.0527 16.7948C12.8227 16.905 12.0107 17.1885 11.7647 17.1386C11.6247 17.1106 11.6127 16.9593 11.5577 16.8166C11.4397 16.5104 11.1677 16.0265 11.1427 15.5671C11.1127 14.987 11.0457 14.0158 11.7597 14.1348C12.3501 14.2444 12.9198 14.4267 13.4517 14.6764C13.7247 14.8076 13.8817 14.9678 14.2957 14.9958L14.2927 14.9949Z"
       stroke="#D33833"
-      stroke-width="0.514"
+      strokeWidth="0.514"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M14.7053 15.687C14.6423 15.372 14.5683 15.281 14.5973 15.0045C15.5603 14.4427 15.7403 15.9687 14.7053 15.687Z"
       fill="#D33833"
     />
     <path
       d="M14.7053 15.687C14.6423 15.372 14.5683 15.281 14.5973 15.0045C15.5603 14.4427 15.7403 15.9687 14.7053 15.687Z"
       stroke="#D33833"
-      stroke-width="0.514"
+      strokeWidth="0.514"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M16.0997 15.9425C16.0997 15.9425 15.7997 15.568 16.0137 15.456C16.2277 15.344 16.4417 15.456 16.5697 15.2688C16.6977 15.0815 16.5697 14.9695 16.6127 14.7438C16.6557 14.518 16.8697 14.4812 17.0827 14.4445C17.2957 14.4077 17.8947 14.3325 17.9807 14.5198L17.7237 13.846L17.2107 13.6973L15.5857 14.5198L15.4997 14.931V15.7535M11.5997 17.1762L11.4337 15.4262C11.3337 14.5556 11.6737 14.707 12.5357 14.707C12.6677 14.707 13.3357 14.8444 13.3957 14.9319C13.6287 15.3484 12.9957 15.2556 13.6657 15.5706C14.2217 15.8358 15.2037 15.4096 14.9787 14.8199C14.8527 14.6886 14.3237 14.7788 14.1337 14.693L13.1317 14.238C12.7067 14.0455 11.7247 13.7638 11.2717 14.0333C10.1237 14.7158 11.3437 16.4237 11.7537 17.136"
       fill="#EF3D3A"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M12.7348 3.92263C11.5698 3.68638 10.9908 4.34963 10.6368 5.03825C10.3218 4.97175 10.4368 4.59638 10.5368 4.40475C10.7368 3.9025 11.5868 3.23488 12.2728 3.325C12.5688 3.36438 12.9688 3.60063 12.7448 3.92263M18.4128 5.075L18.4678 5.07675C18.7308 5.55538 18.9678 6.06288 19.2908 6.47675C19.0678 6.93 17.6058 7.33163 17.6278 6.517C17.9438 6.39625 18.4898 6.4925 18.7708 6.33763C18.6088 5.94825 18.3748 5.61663 18.4108 5.06625M13.3308 5.096C13.5808 5.49675 13.6608 5.9185 14.0168 6.22038C14.1768 6.35688 14.4868 6.52313 14.3338 6.90288C14.2246 7.0491 14.0678 7.16338 13.8838 7.231C13.3288 7.3745 12.0338 7.26075 12.4838 6.65525C12.9438 6.67275 13.5598 6.916 13.9038 6.62463C13.6398 6.25713 13.1708 5.5265 13.3438 5.09688M18.2138 9.17C17.3778 9.63988 16.4458 10.15 15.0758 10.0328C14.7828 9.8105 14.6718 9.31525 14.9558 8.98713C15.1038 9.20938 15.0108 9.61975 15.4238 9.681C16.2008 9.79738 17.1058 9.26538 17.6638 9.079C18.0108 8.56713 17.6338 8.379 17.3218 8.05C16.6818 7.37625 15.8248 6.53975 15.8558 5.53C16.1138 5.36638 16.1358 5.78025 16.1738 5.8555C16.5078 6.538 17.3478 7.413 17.9608 7.99925C18.1108 8.14363 18.3608 8.28188 18.3868 8.37725C18.4668 8.65463 18.1798 8.98625 18.2128 9.17088M7.18276 8.67475C6.92076 8.5435 6.85876 7.96775 6.55076 7.95113C6.11076 7.9275 6.19076 8.69925 6.19276 9.14988C5.88976 8.90925 5.83676 8.16988 6.05876 7.78925C5.80576 7.68075 5.69176 7.90913 5.55176 7.9905C5.73176 6.8425 7.47176 7.4655 7.18176 8.67563M18.7368 9.63813C18.3368 10.2856 17.7968 10.9996 16.6548 11.0206C16.6318 10.8106 16.6148 10.493 16.6558 10.367C17.5288 10.2935 18.0688 9.905 18.7368 9.63813ZM13.2658 10.0581C13.9938 10.3933 15.3328 10.4291 16.3228 10.4038C16.3758 10.5936 16.3748 10.8281 16.3768 11.06C15.1038 11.1151 13.5998 10.8413 13.2768 10.0581M13.1368 10.6829C13.6408 11.7898 15.3718 11.6629 16.8318 11.6314C16.7678 11.7749 16.6278 11.9446 16.4548 12.0059C15.9868 12.1809 14.6968 12.299 14.0478 11.9971C13.6358 11.8046 13.3718 11.3724 13.1458 11.1186C13.0458 10.9961 12.4938 10.6829 13.1378 10.6811"
       fill="#231F20"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M18.1441 16.7965L16.2861 19.3734C16.5801 18.6174 16.7061 17.3521 16.7501 16.3861C17.3651 16.1341 17.8921 16.443 18.1441 16.7974"
       fill="#81B0C4"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M21.3238 19.9798C20.6618 20.0953 20.1968 20.6588 19.5518 20.622C19.9068 20.1845 20.5278 20.0095 21.3238 19.9798ZM21.6158 20.8863C21.0758 20.9361 20.4428 21.0123 19.8958 20.9738C20.1558 20.6273 21.1528 20.7463 21.6158 20.8863ZM21.8028 21.6668C21.1968 21.6781 20.4428 21.6676 19.8668 21.6256C20.2068 21.3054 21.4098 21.5066 21.8028 21.6668Z"
       fill="#231F20"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M17.0033 23.8053C17.0903 24.4703 17.3933 25.1466 17.3533 25.8755C17.0183 25.9744 16.8253 26.061 16.3763 26.0593L16.2783 23.9006C16.4983 23.9138 16.8253 23.7624 17.0023 23.8131"
       fill="#DCD9D8"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M16.0264 13.9877C15.7224 14.1627 15.4624 14.3789 15.1704 14.5652C14.5224 14.5932 14.1684 14.5259 13.6924 14.2004C13.7004 14.1741 13.7484 14.1855 13.7494 14.154C14.4434 14.4252 15.3254 14.0437 16.0264 13.9877Z"
       fill="#F0D6B7"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M12.3828 18.1265C12.5728 17.4037 13.3208 17.0292 13.9988 16.6302C14.6988 17.409 15.1248 18.4065 15.5938 19.3725C14.4858 19.0802 13.3538 18.606 12.3838 18.1256"
       fill="#81B0C4"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M16.2796 23.9015C16.2516 24.4921 16.3456 25.4415 16.3776 26.0601C16.8276 26.061 17.0196 25.9744 17.3546 25.8764C17.3926 25.1466 17.0906 24.472 17.0046 23.8061C16.8276 23.765 16.5016 23.9155 16.2806 23.8936L16.2796 23.9015ZM9.28756 20.5415C9.58356 22.9232 10.0126 24.9165 10.7996 27.034C12.5456 27.4977 14.6496 27.538 16.1936 27.1197C15.9106 25.9297 16.0336 24.4799 15.8686 23.2085L15.6366 20.3184C13.7666 19.9771 11.1236 20.2396 9.28856 20.5389L9.28756 20.5415ZM16.0876 20.3359C16.0716 21.3596 16.1396 22.3676 16.2296 23.3922L17.3996 23.2137C17.2646 22.2276 17.2796 21.1181 17.0046 20.2457C16.6846 20.2484 16.4056 20.2422 16.0876 20.3359ZM18.3646 20.1714C18.1516 20.1276 17.9046 20.1696 17.6996 20.1731L18.0996 22.8025C18.4196 22.8112 18.5896 22.68 18.8546 22.6345C18.8686 21.8662 18.7776 20.8075 18.3546 20.1714H18.3646ZM21.8126 22.9276C22.4806 22.7859 22.8996 22.0701 22.7126 21.3351C22.5876 20.8416 22.3646 19.9115 22.1256 19.5956C21.9496 19.362 21.4706 19.0557 21.0886 19.2701C20.4666 19.6184 19.3716 19.7199 18.9186 20.1407C19.1456 20.8031 19.2166 21.7122 19.3106 22.5514C20.0876 22.5934 21.0426 22.3641 21.6886 22.6074C21.2386 22.7351 20.6526 22.736 20.2636 22.9224C20.5816 23.0571 21.3276 23.03 21.8136 22.9267L21.8126 22.9276ZM15.6046 19.3751C15.1346 18.41 14.7096 17.4099 14.0096 16.6329C13.3316 17.031 12.5846 17.4055 12.3936 18.1291C13.3636 18.6104 14.4966 19.0829 15.6036 19.376L15.6046 19.3751ZM16.7606 16.387C16.7166 17.3521 16.5906 18.6182 16.2966 19.3742C16.9966 18.5929 17.5636 17.6829 18.1546 16.7974C17.9026 16.4439 17.3746 16.135 16.7606 16.3861V16.387ZM15.4606 15.9792C15.1946 15.953 14.9706 16.2461 14.6236 16.1192L14.3916 16.3537C15.1546 17.1587 15.4916 18.2997 16.0916 19.2447C16.4076 18.3365 16.3716 17.3416 16.4416 16.3502C16.0076 16.3747 15.7666 16.0064 15.4616 15.9784L15.4606 15.9792ZM14.6176 15.0062C14.5896 15.2819 14.6626 15.372 14.7256 15.6887C15.7606 15.9722 15.5796 14.4462 14.6176 15.0062ZM13.4696 14.6764C12.9377 14.4267 12.368 14.2443 11.7776 14.1347C11.0636 14.0149 11.1306 14.987 11.1606 15.5671C11.1846 16.0265 11.4576 16.5121 11.5756 16.8166C11.6316 16.9592 11.6436 17.1097 11.7826 17.1386C12.0286 17.1885 12.8396 16.905 13.0706 16.7947C13.5606 16.5611 13.9386 16.1822 14.3536 15.9425L14.3696 15.5794C14.1196 15.4709 13.8316 15.393 13.4646 15.3781C13.7146 15.2687 14.0786 15.2705 14.3046 15.1401L14.3106 14.9949C13.8966 14.9669 13.7406 14.8059 13.4666 14.6755L13.4696 14.6764ZM9.20956 13.9991C8.83956 14.3281 10.2476 14.7761 10.6966 14.8006C10.6936 14.5924 10.8326 14.3964 10.8046 14.2467C10.2716 14.1645 9.57156 14.2187 9.21056 13.9991H9.20956ZM13.7696 14.1531C13.7676 14.1855 13.7196 14.1732 13.7126 14.1995C14.1886 14.525 14.5426 14.5932 15.1906 14.5644L16.0466 13.9869C15.3466 14.042 14.4636 14.4226 13.7696 14.1531ZM17.9556 15.2644C17.9356 14.8986 17.8256 14.1479 17.5676 14.0166C17.0256 13.7401 16.0626 14.5749 15.6556 14.7026C15.6996 14.8146 15.7736 14.9039 15.7786 15.0456C16.0186 14.9931 16.3136 15.0281 16.5226 15.1191C16.2806 15.1427 16.0226 15.141 15.8526 15.2416C15.7926 15.3904 15.8666 15.5916 15.8276 15.7981C16.4016 15.9399 17.0576 16.0151 17.7826 16.0344C17.9226 15.8742 17.9726 15.568 17.9556 15.2644ZM8.58556 14.3176C8.46956 14.245 7.68256 13.3499 7.58556 13.3866C6.16256 13.8766 4.83256 14.7254 3.64356 15.5304C4.77756 17.6584 5.23356 20.2667 5.31556 22.7797C6.61556 23.3109 7.75556 24.0774 9.51556 24.157L9.00956 20.58C8.56656 20.4164 7.93156 20.587 7.51756 20.5292C7.51356 20.0917 8.15056 20.3367 8.20356 20.0445C8.24356 19.8222 7.85356 19.8056 7.98056 19.4556C8.30456 19.5589 8.47456 19.7864 8.82056 19.8712C9.13656 19.2675 8.81656 18.1982 8.86056 17.6837C8.87056 17.5892 8.91456 17.1587 9.15756 17.234C9.37256 17.3005 9.14556 18.3802 9.16756 18.8571C9.18756 19.2972 9.10756 19.7321 9.31056 19.9999C11.0136 19.7969 12.7436 19.6656 14.5856 19.6219C14.1806 19.4696 13.6986 19.3244 13.1706 19.0654C12.8846 18.9254 11.9826 18.6305 11.9006 18.3916C11.7686 18.0127 12.2466 17.8106 12.3276 17.486C11.4676 17.8972 11.3006 17.0922 11.0976 16.5235C10.9136 16.0072 10.8076 15.6222 10.7636 15.3247C10.0236 15.0159 9.23156 14.7122 8.59356 14.3071L8.58556 14.3176ZM17.2026 13.4951C18.3886 12.992 18.6026 15.3764 18.1376 16.1429C18.2096 16.3721 18.4576 16.4596 18.5576 16.6652L16.4876 19.6954C16.9896 19.4215 17.7076 19.6464 18.2876 19.4329C18.5036 19.3585 18.6596 18.9254 18.8236 18.5797C19.2736 17.6277 19.7456 16.4272 19.9556 15.5172C20.0026 15.3099 20.1326 14.8592 20.1036 14.6746C20.0516 14.3447 19.5406 14.0997 19.2796 13.8871L17.9996 12.8266C17.7966 13.0891 17.3616 13.2641 17.1956 13.4776L17.2026 13.4951ZM5.85456 4.2945C5.28956 4.83875 5.40756 5.85725 5.47656 6.58262C6.49656 6.02087 7.85256 6.62637 7.84056 7.58275C8.32856 7.57137 8.02256 7.049 7.93456 6.71387C7.64656 5.61662 8.42056 4.42487 7.96956 3.42125C7.09456 3.479 6.37656 3.79225 5.85556 4.2945H5.85456ZM9.89656 1.1375C8.61656 1.45425 6.97856 2.268 6.45356 3.2725C6.86056 3.22 7.14356 3.0415 7.54356 3.01C7.69556 3.00125 7.89356 3.066 8.06856 3.0275C8.41556 2.95225 8.70856 2.27062 8.97156 2.01687C9.22756 1.76925 9.53456 1.66337 9.74456 1.43762C9.87956 1.38075 10.0796 1.38512 10.0866 1.2075C10.0266 1.15237 9.96656 1.12 9.88656 1.12L9.89656 1.1375ZM16.5536 1.435C15.2266 0.781372 12.9796 0.288747 11.5676 0.903872C10.4276 1.40087 8.88756 2.22337 8.36256 3.26637C8.85256 4.27262 8.21756 5.194 8.17656 6.21512C8.15456 6.75762 8.46856 7.23275 8.49256 7.82512C8.32456 8.0675 7.81256 8.09637 7.45656 8.08062C7.33656 7.55737 7.12656 6.96937 6.51256 6.90987C5.64256 6.82675 5.00456 7.45762 4.96456 8.11737C4.91756 8.89262 5.64456 10.178 6.67656 10.0887C7.07456 10.0537 7.17256 9.70375 7.60656 9.70812C7.84156 10.1194 7.24356 10.248 7.18256 10.5411C7.16656 10.6172 7.23256 10.9139 7.27056 11.053C7.45756 11.7302 7.87556 12.6061 8.28656 13.1215C8.80856 13.7751 9.83256 13.874 10.9366 13.9379C11.1336 13.5669 11.8586 13.5966 12.3316 13.6946C11.7656 13.4986 11.2386 13.0226 10.8016 12.6009C10.3016 12.1179 9.79156 11.599 9.76656 10.9672C10.7136 12.117 11.4966 13.1215 13.2186 13.6272C14.5216 14.0096 16.0446 13.4522 17.0456 12.8362C17.4616 12.5807 17.7096 12.1747 18.0056 11.8037C19.1106 10.4037 19.6256 8.42625 19.5136 6.50125C19.4666 5.70762 19.4686 4.9175 19.1636 4.38375C18.8456 3.8255 17.7696 3.325 17.1396 3.83075C17.0226 3.28825 17.6636 2.95225 18.4156 3.14825C17.8796 2.54275 17.3156 1.81475 16.5536 1.4385V1.435ZM19.0266 19.3436C20.0636 18.8921 22.0016 18.1291 22.6526 19.3454C22.8926 19.7934 23.1746 20.5511 23.2986 21.014C23.4746 21.6667 23.0986 23.0387 22.3416 23.2584C21.6646 23.4509 20.8736 23.4404 20.0576 23.2969C19.9616 23.2269 19.8546 23.1044 19.7796 22.9784C19.1966 22.9582 18.6516 23.0046 18.1916 23.2146C18.2356 23.5909 17.9436 23.6521 17.6716 23.7309C17.4686 24.4335 18.0766 25.3514 17.9316 25.9919C17.8276 26.4486 17.1856 26.5186 16.7146 26.6044C16.6996 26.8669 16.7346 27.0699 16.7676 27.2842C16.6596 27.6316 16.1756 27.8302 15.7176 27.8792C14.2096 28.0367 11.9196 28.1094 10.4676 27.6517C10.0626 26.7829 9.74356 25.7267 9.40756 24.7336C7.99256 24.8649 6.84756 24.1999 5.76956 23.7624C5.39556 23.611 4.86956 23.5261 4.73956 23.2671C4.60456 23.0151 4.65956 22.5321 4.62656 22.0771C4.54156 20.9134 4.46656 19.789 4.12656 18.5964C3.96856 18.0609 3.69356 17.5901 3.50156 17.0739C3.32456 16.5961 3.01456 16.0064 2.93356 15.5286C2.81356 14.8225 3.57356 14.7831 4.05956 14.4769C4.80956 14.0044 5.39956 13.7419 6.21456 13.3149C6.45456 13.188 7.18256 12.8774 7.26456 12.7199C7.42856 12.4276 6.98256 12.0155 6.86456 11.7862C6.67456 11.424 6.57756 11.116 6.55056 10.7581C5.86756 10.6636 5.35056 10.3084 5.03756 9.90762C4.52056 9.24437 4.16156 8.01762 4.60956 7.084C4.64456 7.0105 4.80956 6.86525 4.84556 6.75325C4.89556 6.531 4.74956 6.23525 4.74056 5.999C4.69356 4.78537 4.97556 3.7415 5.90856 3.374C6.28856 2.0615 7.64356 1.61525 8.92156 0.957247C9.39956 0.712247 9.92556 0.554747 10.4696 0.379747C12.4196 -0.248503 15.4136 -0.130378 17.0326 0.941497C17.7186 1.3965 18.8166 2.35462 19.2086 3.05025C20.2456 4.88337 20.1716 7.94762 19.4466 10.178C19.3496 10.4772 19.2066 10.9174 19.0106 11.277C18.8726 11.5281 18.4456 12.0295 18.4976 12.2526C18.5506 12.4819 19.4726 13.0944 19.6706 13.2615C20.0266 13.5616 20.7026 13.9615 20.7576 14.3395C20.8176 14.742 20.5546 15.295 20.4216 15.6844L19.0416 19.3419"
       fill="#231F20"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M12.1069 10.3512C12.1629 10.2856 12.4729 10.185 12.9069 10.3687C12.9069 10.3687 12.3939 10.444 12.4369 11.1912L12.2229 11.1536C12.2229 11.1536 12.0029 10.4746 12.1089 10.3504"
       fill="#F7E4CD"
     />
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M15.8557 16.7843C15.8557 16.898 15.7507 16.9899 15.6207 16.9899C15.4907 16.9899 15.3857 16.898 15.3857 16.7843C15.3857 16.6705 15.4907 16.5786 15.6207 16.5786C15.7507 16.5786 15.8557 16.6705 15.8557 16.7843ZM16.0897 17.7468C16.0897 17.8605 15.9847 17.9524 15.8547 17.9524C15.7247 17.9524 15.6197 17.8605 15.6197 17.7468C15.6197 17.633 15.7247 17.5411 15.8547 17.5411C15.9847 17.5411 16.0897 17.633 16.0897 17.7468Z"
       fill="#1D1919"
     />
diff --git a/public/images/navBarIcons/MultiPurposeMocks.js b/public/images/navBarIcons/MultiPurposeMocks.js
index a425621a..947ddf10 100644
--- a/public/images/navBarIcons/MultiPurposeMocks.js
+++ b/public/images/navBarIcons/MultiPurposeMocks.js
@@ -6,7 +6,7 @@ const MultiPurposeMocks = () => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <g clip-path="url(#clip0_2022_1956)">
+    <g clipPath="url(#clip0_2022_1956)">
       <path
         d="M21.9375 17.875C21.3416 17.8778 20.7579 18.038 20.25 18.3381L17.6428 15.8194C18.2495 14.9953 18.5753 14.0101 18.5753 13C18.5753 11.9899 18.2495 11.0047 17.6428 10.1806L20.25 7.66188C20.7579 7.96201 21.3416 8.1222 21.9375 8.125C22.605 8.125 23.2575 7.93439 23.8126 7.57728C24.3676 7.22016 24.8001 6.71258 25.0556 6.11872C25.311 5.52486 25.3779 4.8714 25.2477 4.24096C25.1174 3.61052 24.796 3.03142 24.324 2.5769C23.852 2.12238 23.2506 1.81285 22.5959 1.68745C21.9412 1.56205 21.2626 1.62641 20.6459 1.87239C20.0292 2.11838 19.5021 2.53494 19.1313 3.0694C18.7604 3.60386 18.5625 4.23221 18.5625 4.875C18.5654 5.44884 18.7318 6.0109 19.0434 6.5L16.4278 9.01063C15.5721 8.42644 14.549 8.11265 13.5 8.11265C12.451 8.11265 11.4279 8.42644 10.5722 9.01063L7.95656 6.5C8.26824 6.0109 8.43459 5.44884 8.4375 4.875C8.4375 4.23221 8.23956 3.60386 7.86871 3.0694C7.49786 2.53494 6.97076 2.11838 6.35406 1.87239C5.73736 1.62641 5.05876 1.56205 4.40407 1.68745C3.74939 1.81285 3.14802 2.12238 2.67602 2.5769C2.20401 3.03142 1.88258 3.61052 1.75235 4.24096C1.62213 4.8714 1.68896 5.52486 1.94441 6.11872C2.19985 6.71258 2.63244 7.22016 3.18745 7.57728C3.74247 7.93439 4.39499 8.125 5.0625 8.125C5.65841 8.1222 6.24209 7.96201 6.75 7.66188L9.35719 10.1806C8.75053 11.0047 8.42468 11.9899 8.42468 13C8.42468 14.0101 8.75053 14.9953 9.35719 15.8194L6.75 18.3381C6.24209 18.038 5.65841 17.8778 5.0625 17.875C4.39499 17.875 3.74247 18.0656 3.18745 18.4227C2.63244 18.7798 2.19985 19.2874 1.94441 19.8813C1.68896 20.4751 1.62213 21.1286 1.75235 21.759C1.88258 22.3895 2.20401 22.9686 2.67602 23.4231C3.14802 23.8776 3.74939 24.1872 4.40407 24.3126C5.05876 24.438 5.73736 24.3736 6.35406 24.1276C6.97076 23.8816 7.49786 23.4651 7.86871 22.9306C8.23956 22.3961 8.4375 21.7678 8.4375 21.125C8.43459 20.5512 8.26824 19.9891 7.95656 19.5L10.5722 16.9894C11.4279 17.5736 12.451 17.8873 13.5 17.8873C14.549 17.8873 15.5721 17.5736 16.4278 16.9894L19.0434 19.5C18.7318 19.9891 18.5654 20.5512 18.5625 21.125C18.5625 21.7678 18.7604 22.3961 19.1313 22.9306C19.5021 23.4651 20.0292 23.8816 20.6459 24.1276C21.2626 24.3736 21.9412 24.438 22.5959 24.3126C23.2506 24.1872 23.852 23.8776 24.324 23.4231C24.796 22.9686 25.1174 22.3895 25.2477 21.759C25.3779 21.1286 25.311 20.4751 25.0556 19.8813C24.8001 19.2874 24.3676 18.7798 23.8126 18.4227C23.2575 18.0656 22.605 17.875 21.9375 17.875ZM21.9375 3.25C22.2713 3.25 22.5975 3.34531 22.875 3.52386C23.1525 3.70242 23.3688 3.95621 23.4965 4.25314C23.6243 4.55007 23.6577 4.8768 23.5926 5.19202C23.5275 5.50724 23.3667 5.79679 23.1307 6.02405C22.8947 6.25131 22.5941 6.40608 22.2667 6.46878C21.9394 6.53148 21.6001 6.4993 21.2917 6.37631C20.9834 6.25331 20.7198 6.04503 20.5344 5.7778C20.349 5.51057 20.25 5.1964 20.25 4.875C20.25 4.44402 20.4278 4.0307 20.7443 3.72595C21.0607 3.42121 21.4899 3.25 21.9375 3.25ZM3.375 4.875C3.375 4.55361 3.47397 4.23943 3.6594 3.9722C3.84482 3.70497 4.10837 3.49669 4.41672 3.3737C4.72507 3.2507 5.06437 3.21852 5.39172 3.28123C5.71906 3.34393 6.01974 3.49869 6.25574 3.72595C6.49175 3.95321 6.65246 4.24276 6.71758 4.55798C6.78269 4.8732 6.74927 5.19993 6.62155 5.49686C6.49383 5.79379 6.27753 6.04758 6.00003 6.22614C5.72252 6.4047 5.39626 6.5 5.0625 6.5C4.61495 6.5 4.18573 6.3288 3.86926 6.02405C3.55279 5.7193 3.375 5.30598 3.375 4.875ZM5.0625 22.75C4.72875 22.75 4.40248 22.6547 4.12498 22.4761C3.84747 22.2976 3.63118 22.0438 3.50345 21.7469C3.37573 21.4499 3.34231 21.1232 3.40743 20.808C3.47254 20.4928 3.63326 20.2032 3.86926 19.976C4.10526 19.7487 4.40594 19.5939 4.73329 19.5312C5.06063 19.4685 5.39993 19.5007 5.70828 19.6237C6.01663 19.7467 6.28018 19.955 6.46561 20.2222C6.65103 20.4894 6.75 20.8036 6.75 21.125C6.75 21.556 6.57221 21.9693 6.25574 22.274C5.93928 22.5788 5.51005 22.75 5.0625 22.75ZM13.5 16.25C12.8325 16.25 12.18 16.0594 11.625 15.7023C11.0699 15.3452 10.6374 14.8376 10.3819 14.2437C10.1265 13.6499 10.0596 12.9964 10.1899 12.366C10.3201 11.7355 10.6415 11.1564 11.1135 10.7019C11.5855 10.2474 12.1869 9.93785 12.8416 9.81245C13.4963 9.68705 14.1749 9.75141 14.7916 9.99739C15.4083 10.2434 15.9354 10.6599 16.3062 11.1944C16.6771 11.7289 16.875 12.3572 16.875 13C16.875 13.862 16.5194 14.6886 15.8865 15.2981C15.2536 15.9076 14.3951 16.25 13.5 16.25ZM21.9375 22.75C21.6037 22.75 21.2775 22.6547 21 22.4761C20.7225 22.2976 20.5062 22.0438 20.3785 21.7469C20.2507 21.4499 20.2173 21.1232 20.2824 20.808C20.3475 20.4928 20.5083 20.2032 20.7443 19.976C20.9803 19.7487 21.2809 19.5939 21.6083 19.5312C21.9356 19.4685 22.2749 19.5007 22.5833 19.6237C22.8916 19.7467 23.1552 19.955 23.3406 20.2222C23.526 20.4894 23.625 20.8036 23.625 21.125C23.625 21.556 23.4472 21.9693 23.1307 22.274C22.8143 22.5788 22.3851 22.75 21.9375 22.75Z"
         fill="black"
diff --git a/public/images/navBarIcons/OpenSource.js b/public/images/navBarIcons/OpenSource.js
index ff934aeb..302aeb3c 100644
--- a/public/images/navBarIcons/OpenSource.js
+++ b/public/images/navBarIcons/OpenSource.js
@@ -6,7 +6,7 @@ const OpenSource = () => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <g clip-path="url(#clip0_2022_1968)">
+    <g clipPath="url(#clip0_2022_1968)">
       <path
         d="M11.5 7.21875C9.12813 7.21875 7.1875 9.075 7.1875 11.3438C7.1875 13.6125 9.12813 15.4688 11.5 15.4688C13.8719 15.4688 15.8125 13.6125 15.8125 11.3438C15.8125 9.075 13.8719 7.21875 11.5 7.21875ZM11.5 14.0938C9.91875 14.0938 8.625 12.8562 8.625 11.3438C8.625 9.83125 9.91875 8.59375 11.5 8.59375C13.0813 8.59375 14.375 9.83125 14.375 11.3438C14.375 12.8562 13.0813 14.0938 11.5 14.0938Z"
         fill="black"
diff --git a/public/images/navBarIcons/TestCaseGeneration.js b/public/images/navBarIcons/TestCaseGeneration.js
index fdbbafda..76661414 100644
--- a/public/images/navBarIcons/TestCaseGeneration.js
+++ b/public/images/navBarIcons/TestCaseGeneration.js
@@ -6,9 +6,9 @@ const TestCaseGeneration = () => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <path d="M22.5 7.58334H4.5" stroke="#1C274C" stroke-linecap="round" />
-    <path d="M22.5 13H4.5" stroke="#1C274C" stroke-linecap="round" />
-    <path d="M22.5 18.4167H4.5" stroke="#1C274C" stroke-linecap="round" />
+    <path d="M22.5 7.58334H4.5" stroke="#1C274C" strokeLinecap="round" />
+    <path d="M22.5 13H4.5" stroke="#1C274C" strokeLinecap="round" />
+    <path d="M22.5 18.4167H4.5" stroke="#1C274C" strokeLinecap="round" />
   </svg>
 );
 
diff --git a/public/images/navBarIcons/TestDataGeneration.js b/public/images/navBarIcons/TestDataGeneration.js
index 75498c9c..9f23a31b 100644
--- a/public/images/navBarIcons/TestDataGeneration.js
+++ b/public/images/navBarIcons/TestDataGeneration.js
@@ -7,8 +7,8 @@ const TestDataGeneration = () => (
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M22 0H0V20H22V0ZM7.3337 11.667H3.6663V16.667H7.3337V11.667ZM9.1663 3.333H12.8337V16.667H9.1663V3.333ZM18.3337 8.333H14.6663V16.667H18.3337V8.333Z"
       fill="black"
     />
diff --git a/public/images/navBarIcons/Tutorial.js b/public/images/navBarIcons/Tutorial.js
index 7866019f..21a55360 100644
--- a/public/images/navBarIcons/Tutorial.js
+++ b/public/images/navBarIcons/Tutorial.js
@@ -9,22 +9,22 @@ const Tutorial = () => (
     <path
       d="M22.007 7.58333C22.2643 6.16983 21.1347 4.875 19.6445 4.875H7.35524C5.86501 4.875 4.7355 6.16983 4.9927 7.58333"
       stroke="black"
-      stroke-width="2"
+      strokeWidth="2"
     />
     <path
       d="M19.6874 4.87502C19.7193 4.59435 19.7353 4.45398 19.7355 4.33807C19.7381 3.22913 18.8706 2.29738 17.7256 2.17906C17.6059 2.16669 17.4593 2.16669 17.1661 2.16669H9.83361C9.54039 2.16669 9.39377 2.16669 9.27407 2.17906C8.12907 2.29738 7.26166 3.22913 7.26417 4.33806C7.26442 4.45398 7.28039 4.59433 7.3123 4.87502"
       stroke="black"
-      stroke-width="2"
+      strokeWidth="2"
     />
     <path
       d="M16.4038 14.7506C17.032 15.1256 17.032 16.0964 16.4038 16.4714L12.6108 18.7357C12.0003 19.1001 11.25 18.6259 11.25 17.8753V13.3467C11.25 12.5962 12.0003 12.1218 12.6108 12.4863L16.4038 14.7506Z"
       stroke="black"
-      stroke-width="2"
+      strokeWidth="2"
     />
     <path
       d="M2.68145 14.9424C2.17967 11.5152 1.92878 9.8016 2.99511 8.69246C4.06144 7.58331 5.95978 7.58331 9.75644 7.58331H17.2435C21.0402 7.58331 22.9385 7.58331 24.0049 8.69246C25.0712 9.8016 24.8203 11.5152 24.3186 14.9424L23.8427 18.1924C23.4492 20.88 23.2525 22.2238 22.2432 23.0286C21.2338 23.8333 19.7451 23.8333 16.7677 23.8333H10.2323C7.25491 23.8333 5.76622 23.8333 4.75688 23.0286C3.74754 22.2238 3.55079 20.88 3.15729 18.1924L2.68145 14.9424Z"
       stroke="black"
-      stroke-width="2"
+      strokeWidth="2"
     />
   </svg>
 );

From 92e9f51f47cef0a6b2ba57468868e7ae39c9e79e Mon Sep 17 00:00:00 2001
From: gouravkrosx <gouravgreatkr@gmail.com>
Date: Sat, 7 Dec 2024 23:09:32 +0530
Subject: [PATCH 2/5] chore: added removed scipts

Signed-off-by: gouravkrosx <gouravgreatkr@gmail.com>
---
 app/layout.tsx | 51 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)

diff --git a/app/layout.tsx b/app/layout.tsx
index f3860acc..a7d322e0 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -114,6 +114,57 @@ export default function RootLayout({
           async
           defer
         />
+
+        {/* Apollo Tracker */}
+        <Script
+          id="apollo-init"
+          strategy="afterInteractive"
+          dangerouslySetInnerHTML={{
+            __html: `
+              (function initApollo() {
+                var n = Math.random().toString(36).substring(7);
+                var o = document.createElement("script");
+                o.src = "https://assets.apollo.io/micro/website-tracker/tracker.iife.js?nocache=" + n;
+                o.async = true;
+                o.defer = true;
+                o.onload = function() {
+                  window.trackingFunctions.onLoad({ appId: "6644a0d6a54b5b0438c841cc" });
+                };
+                document.head.appendChild(o);
+              })();
+            `,
+          }}
+        />
+
+        {/* VWO */}
+        <Script
+          id="vwo-init"
+          strategy="afterInteractive"
+          dangerouslySetInnerHTML={{
+            __html: `
+              window._vwo_code || (function() {
+                var account_id=943043,
+                version=2.1,
+                settings_tolerance=2000,
+                hide_element='body',
+                hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;transition:none !important;',
+                /* DO NOT EDIT BELOW THIS LINE */
+                f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){if(performance.getEntriesByName('first-contentful-paint')[0]){return''}return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(e){if(!f){f=true;var t=d.getElementById('_vis_opt_path_hides');if(t)t.parentNode.removeChild(t);if(e)(new Image).src='https://dev.visualwebsiteoptimizer.com/ee.gif?a='+account_id+e}},finished:function(){return f},addScript:function(e){var t=d.createElement('script');t.type='text/javascript';if(e.src){t.src=e.src}else{t.text=e.text}d.getElementsByTagName('head')[0].appendChild(t)},load:function(e,t){var i=this.getSettings(),n=d.createElement('script'),r=this;t=t||{};if(i){n.textContent=i;d.getElementsByTagName('head')[0].appendChild(n);if(!w.VWO||VWO.caE){stT.removeItem(cK);r.load(e)}}else{var o=new XMLHttpRequest;o.open('GET',e,true);o.withCredentials=!t.dSC;o.responseType=t.responseType||'text';o.onload=function(){if(t.onloadCb){return t.onloadCb(o,e)}if(o.status===200||o.status===304){_vwo_code.addScript({text:o.responseText})}else{_vwo_code.finish('&e=loading_failure:'+e)}};o.onerror=function(){if(t.onerrorCb){return t.onerrorCb(e)}_vwo_code.finish('&e=loading_failure:'+e)};o.send()}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t;if(this.hide_element()!=='body'){t=d.createElement('style');var i=this.hide_element(),n=i?i+this.hide_element_style():'',r=d.getElementsByTagName('head')[0];t.setAttribute('id','_vis_opt_path_hides');v&&t.setAttribute('nonce',v.nonce);t.setAttribute('type','text/css');if(t.styleSheet)t.styleSheet.cssText=n;else t.appendChild(d.createTextNode(n));r.appendChild(t)}else{t=d.getElementsByTagName('head')[0];var n=d.createElement('div');n.style.cssText='z-index: 2147483647 !important;position: fixed !important;left: 0 !important;top: 0 !important;width: 100% !important;height: 100% !important;background: white !important;';n.setAttribute('id','_vis_opt_path_hides');n.classList.add('_vis_hide_layer');t.parentNode.insertBefore(n,t.nextSibling)}var o=window._vis_opt_url||d.URL,s='https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(o)+'&vn='+version;if(w.location.search.indexOf('_vwo_xhr')!==-1){this.addScript({src:s})}else{this.load(s+'&x=true')}}};w._vwo_code=code;code.init();})();
+            `,
+          }}
+        />
+
+        {/* Vector */}
+        <Script
+          id="vector-init"
+          strategy="afterInteractive"
+          dangerouslySetInnerHTML={{
+            __html: `
+              !function(e,r){try{if(e.vector)return void console.log("Vector snippet included more than once.");var t={};t.q=t.q||[];for(var o=["load","identify","on"],n=function(e){return function(){var r=Array.prototype.slice.call(arguments);t.q.push([e,r])}},c=0;c<o.length;c++){var a=o[c];t[a]=n(a)}if(e.vector=t,!t.loaded){var i=r.createElement("script");i.type="text/javascript",i.async=!0,i.src="https://cdn.vector.co/pixel.js";var l=r.getElementsByTagName("script")[0];l.parentNode.insertBefore(i,l),t.loaded=!0}}catch(e){console.error("Error loading Vector:",e)}}(window,document);
+              vector.load("95211152-727d-4d43-9512-592ca65a1401");
+            `,
+          }}
+        />
       </head>
       <body
         className={`${inter.variable} font-inter antialiased bg-white text-gray-900 tracking-tight`}

From 29701a3e4a588daedb615d850b7d55c2c5022c3e Mon Sep 17 00:00:00 2001
From: gouravkrosx <gouravgreatkr@gmail.com>
Date: Sun, 8 Dec 2024 18:19:50 +0530
Subject: [PATCH 3/5] chore: addressed PR comments

Signed-off-by: gouravkrosx <gouravgreatkr@gmail.com>
---
 components/caseStudyCard.tsx        |  32 +-
 components/nav/UpIcon.js            |   8 +-
 components/nav/solutionsSection.tsx |   4 +-
 components/webstories/Stories.tsx   |  95 +++--
 package-lock.json                   | 615 ++++++++++++++--------------
 5 files changed, 393 insertions(+), 361 deletions(-)

diff --git a/components/caseStudyCard.tsx b/components/caseStudyCard.tsx
index f9d36b0a..b1795132 100644
--- a/components/caseStudyCard.tsx
+++ b/components/caseStudyCard.tsx
@@ -16,27 +16,25 @@ export default function CaseStudyCard({
       className="group block rounded-xl overflow-hidden focus:outline-none"
       href="#"
     >
-      <span className="flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-5">
-        <span className="shrink-0 relative overflow-hidden w-full sm:w-56 ">
-          <span className="shrink-0 relative rounded-xl overflow-hidden w-full sm:w-56 h-44">
+      <div className="flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-5">
+        <div className="shrink-0 relative overflow-hidden w-full sm:w-56 ">
+          <div className="shrink-0 relative rounded-xl overflow-hidden w-full sm:w-56 h-44">
             <img
               className="group-hover:scale-105 group-focus:scale-105 transition-transform duration-500 ease-in-out size-full absolute top-0 start-0 object-cover rounded-xl"
               src="/images/gradient.png"
               alt="Blog Image"
             />
-          </span>
-          <span className="gap-2 mt-2 flex overflow-x-scroll">
+          </div>
+
+          <div className="gap-2 mt-2 flex overflow-x-scroll">
             {tags.map((tag) => (
-              <span
-                key={tag}
-                className="inline-flex items-center gap-x-1.5 py-1.5 px-3 rounded-full text-xs font-medium bg-blue-100 text-blue-800 text-nowrap"
-              >
+              <span className="inline-flex items-center gap-x-1.5 py-1.5 px-3 rounded-full text-xs font-medium bg-blue-100 text-blue-800 text-nowrap">
                 {tag}
               </span>
             ))}
-          </span>
-        </span>
-        <span className="grow">
+          </div>
+        </div>
+        <div className="grow">
           <h3 className="text-xl font-extrabold text-primary-400 group-hover:text-primary-300">
             {title}
           </h3>
@@ -51,15 +49,15 @@ export default function CaseStudyCard({
               viewBox="0 0 24 24"
               fill="none"
               stroke="currentColor"
-              strokeWidth="2"
-              strokeLinecap="round"
-              strokeLinejoin="round"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
             >
               <path d="m9 18 6-6-6-6" />
             </svg>
           </p>
-        </span>
-      </span>
+        </div>
+      </div>
     </a>
   );
 }
diff --git a/components/nav/UpIcon.js b/components/nav/UpIcon.js
index d585acad..c40a69c7 100644
--- a/components/nav/UpIcon.js
+++ b/components/nav/UpIcon.js
@@ -1,5 +1,5 @@
 export const UpIcon = ({ className }) => (
-    <svg className={className} height="12px" width="12px" viewBox="0 0 407.436 407.436" xmlns="http://www.w3.org/2000/svg">
-      <polygon fill="currentColor" points="203.718,91.567 0,294.621 21.179,315.869 203.718,133.924 386.258,315.869 407.436,294.621" />
-    </svg>
-  );
+  <svg className={className} height="12px" width="12px" viewBox="0 0 407.436 407.436" xmlns="http://www.w3.org/2000/svg">
+    <polygon fill="currentColor" points="203.718,91.567 0,294.621 21.179,315.869 203.718,133.924 386.258,315.869 407.436,294.621" />
+  </svg>
+);
\ No newline at end of file
diff --git a/components/nav/solutionsSection.tsx b/components/nav/solutionsSection.tsx
index 6d9faf27..b9a540ca 100644
--- a/components/nav/solutionsSection.tsx
+++ b/components/nav/solutionsSection.tsx
@@ -135,9 +135,9 @@ export default function Solutions() {
                         href={item.url}
                         className="flex items-center gap-3 font-semibold hover:text-primary-500 transition-colors duration-200 h-[24px]"
                       >
-                        <span className="h-6 w-6 flex-shrink-0 flex items-center justify-center">
+                        <div className="h-6 w-6 flex-shrink-0 flex items-center justify-center">
                           {item.icon}
-                        </span>
+                        </div>
                         <span>{item.name}</span>
                       </a>
                     </li>
diff --git a/components/webstories/Stories.tsx b/components/webstories/Stories.tsx
index b1677d5d..524631c0 100644
--- a/components/webstories/Stories.tsx
+++ b/components/webstories/Stories.tsx
@@ -1,6 +1,11 @@
 import React, { memo, useEffect, useState, useRef } from "react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faLink, faArrowUp, faPause, faPlay } from "@fortawesome/free-solid-svg-icons";
+import {
+  faLink,
+  faArrowUp,
+  faPause,
+  faPlay,
+} from "@fortawesome/free-solid-svg-icons";
 import Link from "next/link";
 import CustomizedDialogs from "./components/ShareComponent";
 import Image, { StaticImageData } from "next/image";
@@ -9,10 +14,8 @@ import CircularLoader from "./components/circularLoader";
 import { useSwipeable } from "react-swipeable";
 import { KeyboardArrowLeft } from "@mui/icons-material";
 import { useRouter } from "next/navigation";
-
 const LottiePlayer = dynamic(() => import("./LottiePlayerWebStories"), {
   ssr: false,
-  loading: () => <div className="loading-placeholder">Loading animation...</div>,
 });
 
 type StoriesProps = {
@@ -21,17 +24,17 @@ type StoriesProps = {
   text?: string;
   swipeText?: string;
   swipeLink?: string;
-  image: boolean; // Use `boolean` for the primitive type
+  image: Boolean; // Use boolean instead of Boolean
 };
 
 type StoriesComponentProps = {
   Story: StoriesProps;
   totalLen: number;
   currentIndex: number;
-  Next: boolean;
-  paused: (pause: boolean) => void;
+  Next: Boolean;
+  paused: (pause: Boolean) => void;
   animationDuration: string;
-  timerScreen: boolean;
+  timerScreen: Boolean;
   handleNextStory: () => void;
   handlePrevStory: () => void;
   slug: string | string[];
@@ -53,7 +56,7 @@ const Stories = ({
   const [isPaused, setIsPaused] = useState(false);
   const [isLongPress, setIsLongPress] = useState(false);
   const timerRef = useRef<NodeJS.Timeout | null>(null);
-  const [windowWidth, setWindowWidth] = useState<number | null>(null); // Ensure SSR safety
+  const [windowWidth, setWindowWidth] = React.useState(0);
   const router = useRouter();
   const lines = Array.from({ length: totalLen }, (_, i) => i);
 
@@ -65,24 +68,13 @@ const Stories = ({
     }
   }, [Story]);
 
-  useEffect(() => {
-    if (typeof window !== "undefined") {
-      const handleResize = () => setWindowWidth(window.innerWidth);
-      setWindowWidth(window.innerWidth);
-      window.addEventListener("resize", handleResize);
-      return () => window.removeEventListener("resize", handleResize);
-    }
-  }, []);
-
   const handlePauseResume = () => {
     paused(!isPaused);
     setIsPaused(!isPaused);
   };
 
   const handleSwipeUp = () => {
-    if (typeof window !== "undefined") {
-      window.location.href = "/webstories";
-    }
+    router.push("/webstories");
   };
 
   const handleLongPress = () => {
@@ -108,6 +100,15 @@ const Stories = ({
     },
   });
 
+  React.useEffect(() => {
+    if (typeof window !== "undefined") {
+      setWindowWidth(window.innerWidth);
+      const handleResize = () => setWindowWidth(window.innerWidth);
+      window.addEventListener("resize", handleResize);
+      return () => window.removeEventListener("resize", handleResize);
+    }
+  }, []);
+
   return (
     <div className="relative h-full lg:mt-10 xl:mt-10 md:rounded-xl lg:rounded-xl xl:rounded-xl z-30 border border-gray-500">
       {timerScreen && (
@@ -120,13 +121,16 @@ const Stories = ({
           className="inset-0 w-full h-full justify-center"
           onClick={handlePrevStory}
         ></div>
-        <div {...handlers} className="inset-0 w-full h-full justify-center"></div>
+        <div
+          {...handlers}
+          className="inset-0 w-full h-full justify-center"
+        ></div>
         <div
           className="inset-0 w-full h-full justify-center"
           onClick={handleNextStory}
         ></div>
       </div>
-      <div className="absolute flex flex-row w-full z-30">
+      <div className={`absolute flex flex-row w-full z-30`}>
         <div className="absolute z-10 w-full flex flex-row h-5 gap-1">
           {lines.map((line, key) => {
             const isCurrentLine = line === currentIndex;
@@ -135,17 +139,25 @@ const Stories = ({
             let lineClass = "";
 
             if (Next) {
-              lineClass = line <= currentIndex
-                ? isPaused
-                  ? "loader paused bg-slate-100"
-                  : "loader bg-slate-100"
-                : "bg-primary-300";
+              if (line <= currentIndex) {
+                lineClass = isCurrentLine
+                  ? isPaused
+                    ? "loader paused bg-slate-100"
+                    : "loader bg-slate-100"
+                  : "bg-primary-300";
+              } else {
+                lineClass = "bg-slate-100";
+              }
             } else {
-              lineClass = line <= currentIndex
-                ? isPaused
-                  ? "loaderBack paused bg-slate-100"
-                  : "loaderBack notPaused bg-slate-100"
-                : "bg-primary-300";
+              if (line <= currentIndex) {
+                lineClass = isCurrentLine
+                  ? isPaused
+                    ? "loaderBack paused bg-slate-100"
+                    : "loaderBack notPaused bg-slate-100"
+                  : "bg-primary-300";
+              } else {
+                lineClass = "bg-slate-100";
+              }
             }
 
             const loaderClassApplied = lineClass.includes("loader");
@@ -168,14 +180,16 @@ const Stories = ({
           })}
         </div>
         <div className="flex flex-row mx-5 pt-3 mt-5 z-10 w-full items-center justify-end">
-          {windowWidth && windowWidth > 1024 ? (
+          {windowWidth > 1024 ? (
             <div className="cursor-pointer scale-125 flex flex-row gap-5">
               <FontAwesomeIcon
                 icon={isPaused ? faPlay : faPause}
                 onClick={handlePauseResume}
                 className="scale-125 text-slate-200 cursor-pointer"
               />
-              <CustomizedDialogs handlingPauseBehindScenes={handlePauseResume} />
+              <CustomizedDialogs
+                handlingPauseBehindScenes={handlePauseResume}
+              />
             </div>
           ) : (
             <div className="flex flex-row w-full justify-between">
@@ -186,12 +200,15 @@ const Stories = ({
                 }}
               />
               <div className="scale-[1.5]">
-                <CustomizedDialogs handlingPauseBehindScenes={handlePauseResume} />
+                <CustomizedDialogs
+                  handlingPauseBehindScenes={handlePauseResume}
+                />
               </div>
             </div>
           )}
         </div>
       </div>
+
       {Story.image &&
       (typeof Story.imageUrl === "string" ||
         (typeof Story.imageUrl === "object" && "height" in Story.imageUrl)) ? (
@@ -210,9 +227,10 @@ const Stories = ({
           className="flex flex-col h-full w-full md:rounded-xl lg:rounded-xl xl:rounded-xl"
         />
       )}
+
       {currentIndex < totalLen - 1 && (
         <div className="absolute w-full z-30 bottom-0 animate-grow cursor-text">
-          <div className="bg-secondary-300 opacity-80 p-8 md:rounded-b-xl lg:rounded-b-xl xl:rounded-b-xl">
+          <div className="bg-secondary-300 opacity-80 p-8 md:rounded-b-xl md:rounded-t-sm lg:rounded-b-xl lg:rounded-t-sm xl:rounded-t-sm xl:rounded-b-xl">
             {Story.Heading && (
               <h1 className="text-2xl text-slate-50 font-bold mb-3">
                 {Story.Heading}
@@ -222,6 +240,7 @@ const Stories = ({
           </div>
         </div>
       )}
+
       {Story.swipeLink && Story.swipeText && (
         <Link href={Story.swipeLink}>
           <div
@@ -233,7 +252,7 @@ const Stories = ({
               icon={faArrowUp}
               className="text-orange-400 mr-1 animate-bounce"
             />
-            <p className="bg-gradient-300 p-2 rounded-3xl text-center text-secondary-300 flex items-center hover:scale-105 duration-300">
+            <p className="bg-gradient-300 p-2 rounded-3xl md:rounded-3xl lg:rounded-3xl xl:rounded-3xl text-center text-secondary-300 flex items-center hover:scale-105 duration-300">
               <FontAwesomeIcon
                 icon={faLink}
                 className="mx-1 text-secondary-300 bg-gradient-300 p-1 rounded-full"
@@ -247,4 +266,4 @@ const Stories = ({
   );
 };
 
-export default memo(Stories);
\ No newline at end of file
+export default memo(Stories);
diff --git a/package-lock.json b/package-lock.json
index 6f1c7d26..b98387b6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -91,9 +91,9 @@
       }
     },
     "node_modules/@apollo/client": {
-      "version": "3.11.10",
-      "resolved": "https://registry.npmjs.org/@apollo/client/-/client-3.11.10.tgz",
-      "integrity": "sha512-IfGc+X4il0rDqVQBBWdxIKM+ciDCiDzBq9+Bg9z4tJMi87uF6po4v+ddiac1wP0ARgVPsFwEIGxK7jhN4pW8jg==",
+      "version": "3.12.2",
+      "resolved": "https://registry.npmjs.org/@apollo/client/-/client-3.12.2.tgz",
+      "integrity": "sha512-dkacsdMgVsrrQhLpN4JqZTIEfnNsPVwny+4vccSRqheWZElzUz1Xi0h39p2+TieS1f+wwvyzwpoJEV57vwzT9Q==",
       "license": "MIT",
       "dependencies": {
         "@graphql-typed-document-node/core": "^3.1.1",
@@ -114,8 +114,8 @@
       "peerDependencies": {
         "graphql": "^15.0.0 || ^16.0.0",
         "graphql-ws": "^5.5.5",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc",
         "subscriptions-transport-ws": "^0.9.0 || ^0.11.0"
       },
       "peerDependenciesMeta": {
@@ -148,9 +148,9 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.26.2",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.2.tgz",
-      "integrity": "sha512-Z0WgzSEa+aUcdiJuCIqgujCshpMWgUpgOxXotrYPSA53hA3qopNaqcJpyr0hVb1FeWdnqFA35/fUtXgBK8srQg==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.3.tgz",
+      "integrity": "sha512-nHIxvKPniQXpmQLb0vhY3VaFb3S0YrTAwpOWJZh1wn3oJPjJk9Asva204PsBdmAE8vpzfHudT8DB0scYvy9q0g==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -202,13 +202,13 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.26.2",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.2.tgz",
-      "integrity": "sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.3.tgz",
+      "integrity": "sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==",
       "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.26.2",
-        "@babel/types": "^7.26.0",
+        "@babel/parser": "^7.26.3",
+        "@babel/types": "^7.26.3",
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.25",
         "jsesc": "^3.0.2"
@@ -229,19 +229,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.25.9.tgz",
-      "integrity": "sha512-C47lC7LIDCnz0h4vai/tpNOI95tCd5ZT3iBt/DBH5lXKHZsyNQv18yf1wIIg2ntiQNgmAvA+DgZ82iW8Qdym8g==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-compilation-targets": {
       "version": "7.25.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz",
@@ -298,13 +285,13 @@
       }
     },
     "node_modules/@babel/helper-create-regexp-features-plugin": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.25.9.tgz",
-      "integrity": "sha512-ORPNZ3h6ZRkOyAa/SaHU+XsLZr0UQzRwuDQ0cczIA17nAzZ+85G5cVkOJIj7QavLZGSe8QXUmNFxSZzjcZF9bw==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.26.3.tgz",
+      "integrity": "sha512-G7ZRb40uUgdKOQqPLjfD12ZmGA54PzqDFUv2BKImnC9QIfGhIHKvVML0oN8IUiDq4iRqpq74ABpvOaerfWdong==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.25.9",
-        "regexpu-core": "^6.1.1",
+        "regexpu-core": "^6.2.0",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -450,19 +437,6 @@
         "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@babel/helper-simple-access": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.25.9.tgz",
-      "integrity": "sha512-c6WHXuiaRsJTyHYLJV75t9IqsmTbItYfdj99PnzYGQZkYKvan5/2jKJ7gu31J3/BJ/A18grImSPModuyG/Eo0Q==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
       "version": "7.25.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz",
@@ -531,12 +505,12 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.26.2",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.2.tgz",
-      "integrity": "sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.3.tgz",
+      "integrity": "sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==",
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.26.0"
+        "@babel/types": "^7.26.3"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -1349,12 +1323,11 @@
       }
     },
     "node_modules/@babel/plugin-transform-exponentiation-operator": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.25.9.tgz",
-      "integrity": "sha512-KRhdhlVk2nObA5AYa7QMgTMTVJdfHprfpAk4DjZVtllqRg9qarilstTKEhpVjyt+Npi8ThRyiV8176Am3CodPA==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.26.3.tgz",
+      "integrity": "sha512-7CAHcQ58z2chuXPWblnn1K6rLDnDWieghSOEmqQsrBenH0P9InCUtOJYD89pvngljmZlJcz3fcmgYsXFNGa1ZQ==",
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.25.9",
         "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
@@ -1508,14 +1481,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-commonjs": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.25.9.tgz",
-      "integrity": "sha512-dwh2Ol1jWwL2MgkCzUSOvfmKElqQcuswAZypBSUsScMXvgdT8Ekq5YA6TtqpTVWH+4903NmboMuH1o9i8Rxlyg==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.26.3.tgz",
+      "integrity": "sha512-MgR55l4q9KddUDITEzEFYn5ZsGDXMSsU9E+kh7fjRXTIC3RHqfCo8RPRbyReYJh44HQ/yomFkqbOFohXvDCiIQ==",
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-simple-access": "^7.25.9"
+        "@babel/helper-module-transforms": "^7.26.0",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2102,9 +2074,9 @@
       }
     },
     "node_modules/@babel/preset-typescript/node_modules/@babel/plugin-transform-typescript": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.25.9.tgz",
-      "integrity": "sha512-7PbZQZP50tzv2KGGnhh82GSyMB01yKY9scIjf1a+GfZCtInOWqUH5+1EBU4t9fyR5Oykkkc9vFTs4OHrhHXljQ==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.26.3.tgz",
+      "integrity": "sha512-6+5hpdr6mETwSKjmJUdYw0EIkATiQhnELWlE3kJFBwSg/BGIVwVaVbX+gOXBCdc7Ln1RXZxyWGecIXhUfnl7oA==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.25.9",
@@ -2166,16 +2138,16 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.9.tgz",
-      "integrity": "sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==",
+      "version": "7.26.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.4.tgz",
+      "integrity": "sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==",
       "license": "MIT",
       "dependencies": {
-        "@babel/code-frame": "^7.25.9",
-        "@babel/generator": "^7.25.9",
-        "@babel/parser": "^7.25.9",
+        "@babel/code-frame": "^7.26.2",
+        "@babel/generator": "^7.26.3",
+        "@babel/parser": "^7.26.3",
         "@babel/template": "^7.25.9",
-        "@babel/types": "^7.25.9",
+        "@babel/types": "^7.26.3",
         "debug": "^4.3.1",
         "globals": "^11.1.0"
       },
@@ -2193,9 +2165,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz",
-      "integrity": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.3.tgz",
+      "integrity": "sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.25.9",
@@ -2951,9 +2923,9 @@
       }
     },
     "node_modules/@mui/core-downloads-tracker": {
-      "version": "5.16.7",
-      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.16.7.tgz",
-      "integrity": "sha512-RtsCt4Geed2/v74sbihWzzRs+HsIQCfclHeORh5Ynu2fS4icIKozcSubwuG7vtzq2uW3fOR1zITSP84TNt2GoQ==",
+      "version": "5.16.9",
+      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.16.9.tgz",
+      "integrity": "sha512-ue3j79XJ56+F6DlTtFTM+n//5AvNENOvl3MFruZZP5iZzz+hOq6WBwnr+YxiMlr+kvmMHuHxgOHFdPR8+mElDw==",
       "license": "MIT",
       "funding": {
         "type": "opencollective",
@@ -2961,9 +2933,9 @@
       }
     },
     "node_modules/@mui/icons-material": {
-      "version": "5.16.7",
-      "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.16.7.tgz",
-      "integrity": "sha512-UrGwDJCXEszbDI7yV047BYU5A28eGJ79keTCP4cc74WyncuVrnurlmIRxaHL8YK+LI1Kzq+/JM52IAkNnv4u+Q==",
+      "version": "5.16.9",
+      "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.16.9.tgz",
+      "integrity": "sha512-nnOJIqan6FS6zEsLX3vf8LZ4vXpZjP5xfCFezeXmqfQConypCOZG4nangoVwKwROlas7b6/bqOdacFUb/HuM/g==",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.23.9"
@@ -2977,8 +2949,8 @@
       },
       "peerDependencies": {
         "@mui/material": "^5.0.0",
-        "@types/react": "^17.0.0 || ^18.0.0",
-        "react": "^17.0.0 || ^18.0.0"
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -2987,16 +2959,16 @@
       }
     },
     "node_modules/@mui/material": {
-      "version": "5.16.7",
-      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.16.7.tgz",
-      "integrity": "sha512-cwwVQxBhK60OIOqZOVLFt55t01zmarKJiJUWbk0+8s/Ix5IaUzAShqlJchxsIQ4mSrWqgcKCCXKtIlG5H+/Jmg==",
+      "version": "5.16.9",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.16.9.tgz",
+      "integrity": "sha512-XC0oHFm7mrWV0tvhed9uv/o6kLNClnLj1eo/ufuKbj+rgk47ek8Y6HjHe3cGvMn4Bcq8KyoQPgzdwqvS2ZzYrA==",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.23.9",
-        "@mui/core-downloads-tracker": "^5.16.7",
-        "@mui/system": "^5.16.7",
+        "@mui/core-downloads-tracker": "^5.16.9",
+        "@mui/system": "^5.16.8",
         "@mui/types": "^7.2.15",
-        "@mui/utils": "^5.16.6",
+        "@mui/utils": "^5.16.8",
         "@popperjs/core": "^2.11.8",
         "@types/react-transition-group": "^4.4.10",
         "clsx": "^2.1.0",
@@ -3015,9 +2987,9 @@
       "peerDependencies": {
         "@emotion/react": "^11.5.0",
         "@emotion/styled": "^11.3.0",
-        "@types/react": "^17.0.0 || ^18.0.0",
-        "react": "^17.0.0 || ^18.0.0",
-        "react-dom": "^17.0.0 || ^18.0.0"
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@emotion/react": {
@@ -3032,9 +3004,9 @@
       }
     },
     "node_modules/@mui/material-nextjs": {
-      "version": "5.16.6",
-      "resolved": "https://registry.npmjs.org/@mui/material-nextjs/-/material-nextjs-5.16.6.tgz",
-      "integrity": "sha512-Y64ybP5Pmy+GCUcu3SuMnc25CqFwBQkRn6XNXyhvc1mhR48Iq0oFKjoO5ncqfhm58OwPClIRW2tecP/PTdGNJw==",
+      "version": "5.16.8",
+      "resolved": "https://registry.npmjs.org/@mui/material-nextjs/-/material-nextjs-5.16.8.tgz",
+      "integrity": "sha512-UJhXaizQWrl3a5uXeCYyAHITXZnRBJJFCarccXk04gH5+NS9UArNl20mG6emyuPwV67UDh8DBNUSjpHd1pTVGg==",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.23.9"
@@ -3050,9 +3022,9 @@
         "@emotion/cache": "^11.11.0",
         "@emotion/server": "^11.11.0",
         "@mui/material": "^5.0.0",
-        "@types/react": "^17.0.0 || ^18.0.0",
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
         "next": "^13.0.0 || ^14.0.0",
-        "react": "^17.0.0 || ^18.0.0"
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@emotion/cache": {
@@ -3067,13 +3039,13 @@
       }
     },
     "node_modules/@mui/private-theming": {
-      "version": "5.16.6",
-      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.16.6.tgz",
-      "integrity": "sha512-rAk+Rh8Clg7Cd7shZhyt2HGTTE5wYKNSJ5sspf28Fqm/PZ69Er9o6KX25g03/FG2dfpg5GCwZh/xOojiTfm3hw==",
+      "version": "5.16.8",
+      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.16.8.tgz",
+      "integrity": "sha512-3Vl9yFVLU6T3CFtxRMQTcJ60Ijv7wxQi4yjH92+9YXcsqvVspeIYoocqNoIV/1bXGYfyWu5zrCmwQVHaGY7bug==",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.23.9",
-        "@mui/utils": "^5.16.6",
+        "@mui/utils": "^5.16.8",
         "prop-types": "^15.8.1"
       },
       "engines": {
@@ -3084,8 +3056,8 @@
         "url": "https://opencollective.com/mui-org"
       },
       "peerDependencies": {
-        "@types/react": "^17.0.0 || ^18.0.0",
-        "react": "^17.0.0 || ^18.0.0"
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -3094,9 +3066,9 @@
       }
     },
     "node_modules/@mui/styled-engine": {
-      "version": "5.16.6",
-      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.16.6.tgz",
-      "integrity": "sha512-zaThmS67ZmtHSWToTiHslbI8jwrmITcN93LQaR2lKArbvS7Z3iLkwRoiikNWutx9MBs8Q6okKvbZq1RQYB3v7g==",
+      "version": "5.16.8",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.16.8.tgz",
+      "integrity": "sha512-OFdgFf8JczSRs0kvWGdSn0ZeXxWrY0LITDPJ/nAtLEvUUTyrlFaO4il3SECX8ruzvf1VnAxHx4M/4mX9oOn9yA==",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.23.9",
@@ -3114,7 +3086,7 @@
       "peerDependencies": {
         "@emotion/react": "^11.4.1",
         "@emotion/styled": "^11.3.0",
-        "react": "^17.0.0 || ^18.0.0"
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@emotion/react": {
@@ -3126,16 +3098,16 @@
       }
     },
     "node_modules/@mui/system": {
-      "version": "5.16.7",
-      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.16.7.tgz",
-      "integrity": "sha512-Jncvs/r/d/itkxh7O7opOunTqbbSSzMTHzZkNLM+FjAOg+cYAZHrPDlYe1ZGKUYORwwb2XexlWnpZp0kZ4AHuA==",
+      "version": "5.16.8",
+      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.16.8.tgz",
+      "integrity": "sha512-L32TaFDFpGIi1g6ysRtmhc9zDgrlxDXu3NlrGE8gAsQw/ziHrPdr0PNr20O0POUshA1q14W4dNZ/z0Nx2F9lhA==",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.23.9",
-        "@mui/private-theming": "^5.16.6",
-        "@mui/styled-engine": "^5.16.6",
+        "@mui/private-theming": "^5.16.8",
+        "@mui/styled-engine": "^5.16.8",
         "@mui/types": "^7.2.15",
-        "@mui/utils": "^5.16.6",
+        "@mui/utils": "^5.16.8",
         "clsx": "^2.1.0",
         "csstype": "^3.1.3",
         "prop-types": "^15.8.1"
@@ -3150,8 +3122,8 @@
       "peerDependencies": {
         "@emotion/react": "^11.5.0",
         "@emotion/styled": "^11.3.0",
-        "@types/react": "^17.0.0 || ^18.0.0",
-        "react": "^17.0.0 || ^18.0.0"
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@emotion/react": {
@@ -3180,9 +3152,9 @@
       }
     },
     "node_modules/@mui/utils": {
-      "version": "5.16.6",
-      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.16.6.tgz",
-      "integrity": "sha512-tWiQqlhxAt3KENNiSRL+DIn9H5xNVK6Jjf70x3PnfQPz1MPBdh7yyIcAyVBT9xiw7hP3SomRhPR7hzBMBCjqEA==",
+      "version": "5.16.8",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.16.8.tgz",
+      "integrity": "sha512-P/yb7BSWallQUeiNGxb+TM8epHteIUC8gzNTdPV2VfKhVY/EnGliHgt5np0GPkjQ7EzwDi/+gBevrAJtf+K94A==",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.23.9",
@@ -3200,8 +3172,8 @@
         "url": "https://opencollective.com/mui-org"
       },
       "peerDependencies": {
-        "@types/react": "^17.0.0 || ^18.0.0",
-        "react": "^17.0.0 || ^18.0.0"
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -3210,24 +3182,24 @@
       }
     },
     "node_modules/@next/bundle-analyzer": {
-      "version": "14.2.18",
-      "resolved": "https://registry.npmjs.org/@next/bundle-analyzer/-/bundle-analyzer-14.2.18.tgz",
-      "integrity": "sha512-3tfi//6w3T1JGelYl+CSIwFFLrMui+R7kGc+dRZJNYAPwg7xL9/CBtGnSKZLPgsA/CwwPOdnMrYYBOPZ2BSezQ==",
+      "version": "14.2.20",
+      "resolved": "https://registry.npmjs.org/@next/bundle-analyzer/-/bundle-analyzer-14.2.20.tgz",
+      "integrity": "sha512-CYbHfYyQlGlcdCh4kytGm1EUlelO+yk+TbsGxHN9yTdnjjGTkDAk3egqtvAwaAwmHMOOk+u5U6Ju9z4Uo67lxA==",
       "license": "MIT",
       "dependencies": {
         "webpack-bundle-analyzer": "4.10.1"
       }
     },
     "node_modules/@next/env": {
-      "version": "14.2.18",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.18.tgz",
-      "integrity": "sha512-2vWLOUwIPgoqMJKG6dt35fVXVhgM09tw4tK3/Q34GFXDrfiHlG7iS33VA4ggnjWxjiz9KV5xzfsQzJX6vGAekA==",
+      "version": "14.2.20",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.20.tgz",
+      "integrity": "sha512-JfDpuOCB0UBKlEgEy/H6qcBSzHimn/YWjUHzKl1jMeUO+QVRdzmTTl8gFJaNO87c8DXmVKhFCtwxQ9acqB3+Pw==",
       "license": "MIT"
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "14.2.18",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.18.tgz",
-      "integrity": "sha512-tOBlDHCjGdyLf0ube/rDUs6VtwNOajaWV+5FV/ajPgrvHeisllEdymY/oDgv2cx561+gJksfMUtqf8crug7sbA==",
+      "version": "14.2.20",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.20.tgz",
+      "integrity": "sha512-WDfq7bmROa5cIlk6ZNonNdVhKmbCv38XteVFYsxea1vDJt3SnYGgxLGMTXQNfs5OkFvAhmfKKrwe7Y0Hs+rWOg==",
       "cpu": [
         "arm64"
       ],
@@ -3241,9 +3213,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "14.2.18",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.18.tgz",
-      "integrity": "sha512-uJCEjutt5VeJ30jjrHV1VIHCsbMYnEqytQgvREx+DjURd/fmKy15NaVK4aR/u98S1LGTnjq35lRTnRyygglxoA==",
+      "version": "14.2.20",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.20.tgz",
+      "integrity": "sha512-XIQlC+NAmJPfa2hruLvr1H1QJJeqOTDV+v7tl/jIdoFvqhoihvSNykLU/G6NMgoeo+e/H7p/VeWSOvMUHKtTIg==",
       "cpu": [
         "x64"
       ],
@@ -3257,9 +3229,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "14.2.18",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.18.tgz",
-      "integrity": "sha512-IL6rU8vnBB+BAm6YSWZewc+qvdL1EaA+VhLQ6tlUc0xp+kkdxQrVqAnh8Zek1ccKHlTDFRyAft0e60gteYmQ4A==",
+      "version": "14.2.20",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.20.tgz",
+      "integrity": "sha512-pnzBrHTPXIMm5QX3QC8XeMkpVuoAYOmyfsO4VlPn+0NrHraNuWjdhe+3xLq01xR++iCvX+uoeZmJDKcOxI201Q==",
       "cpu": [
         "arm64"
       ],
@@ -3273,9 +3245,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "14.2.18",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.18.tgz",
-      "integrity": "sha512-RCaENbIZqKKqTlL8KNd+AZV/yAdCsovblOpYFp0OJ7ZxgLNbV5w23CUU1G5On+0fgafrsGcW+GdMKdFjaRwyYA==",
+      "version": "14.2.20",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.20.tgz",
+      "integrity": "sha512-WhJJAFpi6yqmUx1momewSdcm/iRXFQS0HU2qlUGlGE/+98eu7JWLD5AAaP/tkK1mudS/rH2f9E3WCEF2iYDydQ==",
       "cpu": [
         "arm64"
       ],
@@ -3289,9 +3261,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "14.2.18",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.18.tgz",
-      "integrity": "sha512-3kmv8DlyhPRCEBM1Vavn8NjyXtMeQ49ID0Olr/Sut7pgzaQTo4h01S7Z8YNE0VtbowyuAL26ibcz0ka6xCTH5g==",
+      "version": "14.2.20",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.20.tgz",
+      "integrity": "sha512-ao5HCbw9+iG1Kxm8XsGa3X174Ahn17mSYBQlY6VGsdsYDAbz/ZP13wSLfvlYoIDn1Ger6uYA+yt/3Y9KTIupRg==",
       "cpu": [
         "x64"
       ],
@@ -3305,9 +3277,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "14.2.18",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.18.tgz",
-      "integrity": "sha512-mliTfa8seVSpTbVEcKEXGjC18+TDII8ykW4a36au97spm9XMPqQTpdGPNBJ9RySSFw9/hLuaCMByluQIAnkzlw==",
+      "version": "14.2.20",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.20.tgz",
+      "integrity": "sha512-CXm/kpnltKTT7945np6Td3w7shj/92TMRPyI/VvveFe8+YE+/YOJ5hyAWK5rpx711XO1jBCgXl211TWaxOtkaA==",
       "cpu": [
         "x64"
       ],
@@ -3321,9 +3293,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "14.2.18",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.18.tgz",
-      "integrity": "sha512-J5g0UFPbAjKYmqS3Cy7l2fetFmWMY9Oao32eUsBPYohts26BdrMUyfCJnZFQkX9npYaHNDOWqZ6uV9hSDPw9NA==",
+      "version": "14.2.20",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.20.tgz",
+      "integrity": "sha512-upJn2HGQgKNDbXVfIgmqT2BN8f3z/mX8ddoyi1I565FHbfowVK5pnMEwauvLvaJf4iijvuKq3kw/b6E9oIVRWA==",
       "cpu": [
         "arm64"
       ],
@@ -3337,9 +3309,9 @@
       }
     },
     "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "14.2.18",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.18.tgz",
-      "integrity": "sha512-Ynxuk4ZgIpdcN7d16ivJdjsDG1+3hTvK24Pp8DiDmIa2+A4CfhJSEHHVndCHok6rnLUzAZD+/UOKESQgTsAZGg==",
+      "version": "14.2.20",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.20.tgz",
+      "integrity": "sha512-igQW/JWciTGJwj3G1ipalD2V20Xfx3ywQy17IV0ciOUBbFhNfyU1DILWsTi32c8KmqgIDviUEulW/yPb2FF90w==",
       "cpu": [
         "ia32"
       ],
@@ -3353,9 +3325,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "14.2.18",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.18.tgz",
-      "integrity": "sha512-dtRGMhiU9TN5nyhwzce+7c/4CCeykYS+ipY/4mIrGzJ71+7zNo55ZxCB7cAVuNqdwtYniFNR2c9OFQ6UdFIMcg==",
+      "version": "14.2.20",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.20.tgz",
+      "integrity": "sha512-AFmqeLW6LtxeFTuoB+MXFeM5fm5052i3MU6xD0WzJDOwku6SkZaxb1bxjBaRC8uNqTRTSPl0yMFtjNowIVI67w==",
       "cpu": [
         "x64"
       ],
@@ -3484,9 +3456,9 @@
       }
     },
     "node_modules/@tanstack/react-virtual": {
-      "version": "3.10.9",
-      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.10.9.tgz",
-      "integrity": "sha512-OXO2uBjFqA4Ibr2O3y0YMnkrRWGVNqcvHQXmGvMu6IK8chZl3PrDxFXdGZ2iZkSrKh3/qUYoFqYe+Rx23RoU0g==",
+      "version": "3.11.0",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.11.0.tgz",
+      "integrity": "sha512-liRl34SrQm54NZdf22d/H4a7GucPNCxBSJdWWZlUrF1E1oXcZ3/GfRRHFDUJXwEuTfjtyp0X6NnUK7bhIuDzoQ==",
       "license": "MIT",
       "dependencies": {
         "@tanstack/virtual-core": "3.10.9"
@@ -3496,8 +3468,8 @@
         "url": "https://github.com/sponsors/tannerlinsley"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
     "node_modules/@tanstack/virtual-core": {
@@ -3603,9 +3575,9 @@
       "license": "MIT"
     },
     "node_modules/@types/prop-types": {
-      "version": "15.7.13",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.13.tgz",
-      "integrity": "sha512-hCZTSvwbzWGvhqxp/RqVqwU999pBf2vp7hzIjiYOsl8wqOmUxkQ6ddw1cV3l8811+kdUFus/q4d1Y3E3SyEifA==",
+      "version": "15.7.14",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.14.tgz",
+      "integrity": "sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ==",
       "license": "MIT"
     },
     "node_modules/@types/react": {
@@ -3620,12 +3592,12 @@
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.1.tgz",
-      "integrity": "sha512-qW1Mfv8taImTthu4KoXgDfLuk4bydU6Q/TkADnDWWHwi4NX4BR+LWfTp2sVmTqRrsHvyDDTelgelxJ+SsejKKQ==",
+      "version": "18.3.2",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.2.tgz",
+      "integrity": "sha512-Fqp+rcvem9wEnGr3RY8dYNvSQ8PoLqjZ9HLgaPUOjJJD120uDyOxOjc/39M4Kddp9JQCxpGQbnhVQF0C0ncYVg==",
       "license": "MIT",
       "dependencies": {
-        "@types/react": "*"
+        "@types/react": "^18"
       }
     },
     "node_modules/@types/react-transition-group": {
@@ -3933,9 +3905,9 @@
       }
     },
     "node_modules/@ungap/structured-clone": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
-      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.1.tgz",
+      "integrity": "sha512-fEzPV3hSkSMltkw152tJKNARhOupqbH96MZWyRjNaYZOMIzbrTeQDG+MTc6Mr2pgzFQzFxAfmhGDNP5QK++2ZA==",
       "dev": true,
       "license": "ISC"
     },
@@ -4980,17 +4952,16 @@
       }
     },
     "node_modules/call-bind": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
-      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
         "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
         "get-intrinsic": "^1.2.4",
-        "set-function-length": "^1.2.1"
+        "set-function-length": "^1.2.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4999,6 +4970,20 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.0.tgz",
+      "integrity": "sha512-CCKAP2tkPau7D3GE8+V8R6sQubA9R5foIzGp+85EXCVSCivuxBNAWqcpn72PKYiIcqoViv/kcUDpaEIMBVi1lQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/callsites": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@@ -5031,9 +5016,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001684",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001684.tgz",
-      "integrity": "sha512-G1LRwLIQjBQoyq0ZJGqGIJUXzJ8irpbjHLpVRXDvBEScFJ9b17sgK6vlx0GAJFE21okD7zXl08rRRUfq6HdoEQ==",
+      "version": "1.0.30001687",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001687.tgz",
+      "integrity": "sha512-0S/FDhf4ZiqrTUiQ39dKeUjYRjkv7lOZU1Dgif2rIqrTzX/1wV2hfKu9TOm1IHkdSijfLswxTFzl/cvir+SLSQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -5754,9 +5739,9 @@
       "license": "MIT"
     },
     "node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
       "license": "MIT",
       "dependencies": {
         "ms": "^2.1.3"
@@ -6097,6 +6082,21 @@
         "node": ">=12"
       }
     },
+    "node_modules/dunder-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.0.tgz",
+      "integrity": "sha512-9+Sj30DIu+4KvHqMfLUGLFYL2PkURSYMVXJyXe92nFRvlYq5hBjLEhblKB+vkd/WVlUYMWigiY07T91Fkk0+4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/duplexer": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz",
@@ -6125,9 +6125,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.65",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.65.tgz",
-      "integrity": "sha512-PWVzBjghx7/wop6n22vS2MLU8tKGd4Q91aCEGhG/TYmW6PP5OcSXcdnxTe1NNt0T66N8D6jxh4kC8UsdzOGaIw==",
+      "version": "1.5.71",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.71.tgz",
+      "integrity": "sha512-dB68l59BI75W1BUGVTAEJy45CEVuEGy9qPVVQ8pnHyHMn36PLPPoE1mjLH+lo9rKulO3HC2OhbACI/8tCqJBcA==",
       "license": "ISC"
     },
     "node_modules/emoji-regex": {
@@ -6253,13 +6253,10 @@
       }
     },
     "node_modules/es-define-property": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
-      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
       "license": "MIT",
-      "dependencies": {
-        "get-intrinsic": "^1.2.4"
-      },
       "engines": {
         "node": ">= 0.4"
       }
@@ -7662,9 +7659,9 @@
       "license": "ISC"
     },
     "node_modules/flow-parser": {
-      "version": "0.255.0",
-      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.255.0.tgz",
-      "integrity": "sha512-7QHV2m2mIMh6yIMaAPOVbyNEW77IARwO69d4DgvfDCjuORiykdMLf7XBjF7Zeov7Cpe1OXJ8sB6/aaCE3xuRBw==",
+      "version": "0.256.0",
+      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.256.0.tgz",
+      "integrity": "sha512-HFb/GgB7hq+TYosLJuMLdLp8aGlyAVfrJaTvcM0w2rz2T33PjkVbRU419ncK/69cjowUksewuspkBheq9ZX9Hw==",
       "license": "MIT",
       "engines": {
         "node": ">=0.4.0"
@@ -7899,16 +7896,20 @@
       }
     },
     "node_modules/get-intrinsic": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
-      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.5.tgz",
+      "integrity": "sha512-Y4+pKa7XeRUPWFNvOOYHkRYrfzW07oraURSvjDmRVOJ748OrVmeXtpE4+GCEHncjCjkTxPNRt8kEbxDhsn6VTg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
+        "dunder-proto": "^1.0.0",
+        "es-define-property": "^1.0.1",
         "es-errors": "^1.3.0",
         "function-bind": "^1.1.2",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0"
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -8065,9 +8066,9 @@
       }
     },
     "node_modules/globals": {
-      "version": "15.12.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-15.12.0.tgz",
-      "integrity": "sha512-1+gLErljJFhbOVyaetcwJiJ4+eLe45S2E7P5UiZ9xGfeq3ATQf5DOv9G7MH3gGbKQLkzmNh2DxfZwLdw+j6oTQ==",
+      "version": "15.13.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-15.13.0.tgz",
+      "integrity": "sha512-49TewVEz0UxZjr1WYYsWpPrhyC/B/pA8Bq0fUmet2n+eR7yn0IvNzNaoBwnK6mdkzcN+se7Ez9zUgULTz2QH4g==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -8122,12 +8123,12 @@
       }
     },
     "node_modules/gopd": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
       "license": "MIT",
-      "dependencies": {
-        "get-intrinsic": "^1.1.3"
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -8263,10 +8264,14 @@
       }
     },
     "node_modules/has-proto": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
-      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
       "engines": {
         "node": ">= 0.4"
       },
@@ -8275,9 +8280,10 @@
       }
     },
     "node_modules/has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -8758,13 +8764,16 @@
       }
     },
     "node_modules/is-bigint": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
-      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "has-bigints": "^1.0.1"
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -8783,14 +8792,14 @@
       }
     },
     "node_modules/is-boolean-object": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
-      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.0.tgz",
+      "integrity": "sha512-kR5g0+dXf/+kXnqI+lu0URKYPKgICtHGGNCDSB10AaUFj3o/HkB3u7WfpRBJGFopxxY0oH3ux7ZsDjLtK7xqvw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
+        "call-bind": "^1.0.7",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -9021,13 +9030,14 @@
       }
     },
     "node_modules/is-number-object": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
-      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.0.tgz",
+      "integrity": "sha512-KVSZV0Dunv9DTPkhXwcZ3Q+tUc9TsaE1ZwX5J2WMvsSGS6Md8TFPun5uwh0yRdrNerI6vf/tbJxqSx4c1ZI1Lw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "call-bind": "^1.0.7",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -9059,14 +9069,16 @@
       }
     },
     "node_modules/is-regex": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
-      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.0.tgz",
+      "integrity": "sha512-B6ohK4ZmoftlUe+uvenXSbPJFo6U37BH7oO1B3nQH8f/7h27N56s85MhUtbFJAziz5dcmuR3i8ovUl35zp8pFA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
+        "call-bind": "^1.0.7",
+        "gopd": "^1.1.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -9114,13 +9126,14 @@
       }
     },
     "node_modules/is-string": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
-      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.0.tgz",
+      "integrity": "sha512-PlfzajuF9vSo5wErv3MJAKD/nqf9ngAs1NFQYm16nUYFO2IzxJ2hcm+IOCg+EEopdykNNUhVq5cz35cAUxU8+g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "call-bind": "^1.0.7",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -9130,13 +9143,15 @@
       }
     },
     "node_modules/is-symbol": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
-      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.0.tgz",
+      "integrity": "sha512-qS8KkNNXUZ/I+nX6QT8ZS1/Yx0A444yhzdTKxCzKkNjQ9sHErBxJnJAgh+f5YhusYECEcjo4XcyH87hn6+ks0A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "has-symbols": "^1.0.2"
+        "call-bind": "^1.0.7",
+        "has-symbols": "^1.0.3",
+        "safe-regex-test": "^1.0.3"
       },
       "engines": {
         "node": ">= 0.4"
@@ -9652,13 +9667,16 @@
       }
     },
     "node_modules/lilconfig": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
-      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=10"
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
       }
     },
     "node_modules/lines-and-columns": {
@@ -10191,12 +10209,12 @@
       "license": "MIT"
     },
     "node_modules/next": {
-      "version": "14.2.18",
-      "resolved": "https://registry.npmjs.org/next/-/next-14.2.18.tgz",
-      "integrity": "sha512-H9qbjDuGivUDEnK6wa+p2XKO+iMzgVgyr9Zp/4Iv29lKa+DYaxJGjOeEA+5VOvJh/M7HLiskehInSa0cWxVXUw==",
+      "version": "14.2.20",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.2.20.tgz",
+      "integrity": "sha512-yPvIiWsiyVYqJlSQxwmzMIReXn5HxFNq4+tlVQ812N1FbvhmE+fDpIAD7bcS2mGYQwPJ5vAsQouyme2eKsxaug==",
       "license": "MIT",
       "dependencies": {
-        "@next/env": "14.2.18",
+        "@next/env": "14.2.20",
         "@swc/helpers": "0.5.5",
         "busboy": "1.6.0",
         "caniuse-lite": "^1.0.30001579",
@@ -10211,15 +10229,15 @@
         "node": ">=18.17.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "14.2.18",
-        "@next/swc-darwin-x64": "14.2.18",
-        "@next/swc-linux-arm64-gnu": "14.2.18",
-        "@next/swc-linux-arm64-musl": "14.2.18",
-        "@next/swc-linux-x64-gnu": "14.2.18",
-        "@next/swc-linux-x64-musl": "14.2.18",
-        "@next/swc-win32-arm64-msvc": "14.2.18",
-        "@next/swc-win32-ia32-msvc": "14.2.18",
-        "@next/swc-win32-x64-msvc": "14.2.18"
+        "@next/swc-darwin-arm64": "14.2.20",
+        "@next/swc-darwin-x64": "14.2.20",
+        "@next/swc-linux-arm64-gnu": "14.2.20",
+        "@next/swc-linux-arm64-musl": "14.2.20",
+        "@next/swc-linux-x64-gnu": "14.2.20",
+        "@next/swc-linux-x64-musl": "14.2.20",
+        "@next/swc-win32-arm64-msvc": "14.2.20",
+        "@next/swc-win32-ia32-msvc": "14.2.20",
+        "@next/swc-win32-x64-msvc": "14.2.20"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
@@ -11247,19 +11265,6 @@
         }
       }
     },
-    "node_modules/postcss-load-config/node_modules/lilconfig": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.2.tgz",
-      "integrity": "sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antonk52"
-      }
-    },
     "node_modules/postcss-load-config/node_modules/yaml": {
       "version": "2.6.1",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.6.1.tgz",
@@ -11596,9 +11601,9 @@
       }
     },
     "node_modules/react-icons": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.3.0.tgz",
-      "integrity": "sha512-DnUk8aFbTyQPSkCfF8dbX6kQjXA9DktMeJqfjrg6cK9vwQVMxmcA3BfP4QoiztVmEHtwlTgLFsPuH2NskKT6eg==",
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.4.0.tgz",
+      "integrity": "sha512-7eltJxgVt7X64oHh6wSWNwwbKTCtMfK35hcjvJS0yxEAhPM8oUKdS3+kqaW1vicIltw+kR2unHaa12S9pPALoQ==",
       "license": "MIT",
       "peerDependencies": {
         "react": "*"
@@ -11717,19 +11722,20 @@
       }
     },
     "node_modules/reflect.getprototypeof": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.7.tgz",
-      "integrity": "sha512-bMvFGIUKlc/eSfXNX+aZ+EL95/EgZzuwA0OBPTbZZDEJw/0AkentjMuM1oiRfwHrshqk4RzdgiTg5CcDalXN5g==",
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.8.tgz",
+      "integrity": "sha512-B5dj6usc5dkk8uFliwjwDHM8To5/QwdKz9JcBZ8Ic4G1f0YmeeJTtE/ZTdgRFPAfxZFiUaPhZ1Jcs4qeagItGQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
         "define-properties": "^1.2.1",
+        "dunder-proto": "^1.0.0",
         "es-abstract": "^1.23.5",
         "es-errors": "^1.3.0",
         "get-intrinsic": "^1.2.4",
-        "gopd": "^1.0.1",
-        "which-builtin-type": "^1.1.4"
+        "gopd": "^1.2.0",
+        "which-builtin-type": "^1.2.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -12357,10 +12363,13 @@
       }
     },
     "node_modules/shell-quote": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz",
-      "integrity": "sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==",
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.2.tgz",
+      "integrity": "sha512-AzqKpGKjrj7EM6rKVQEPpB288oCfnrEIuyoT9cyF4nmGa7V8Zk6f7RRqYisX8X9m+Q7bd632aZW4ky7EhbQztA==",
       "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -12786,9 +12795,9 @@
       }
     },
     "node_modules/streamx": {
-      "version": "2.20.2",
-      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.20.2.tgz",
-      "integrity": "sha512-aDGDLU+j9tJcUdPGOaHmVF1u/hhI+CsGkT02V3OKlHDV7IukOI+nTWAGkiZEKCO35rWN1wIr4tS7YFr1f4qSvA==",
+      "version": "2.21.0",
+      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.21.0.tgz",
+      "integrity": "sha512-Qz6MsDZXJ6ur9u+b+4xCG18TluU7PGlRfXVAAjNiGsFrBUt/ioyLkxbFaKJygoPs+/kW4VyBj0bSj89Qu0IGyg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -13283,9 +13292,9 @@
       }
     },
     "node_modules/tailwindcss": {
-      "version": "3.4.15",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.15.tgz",
-      "integrity": "sha512-r4MeXnfBmSOuKUWmXe6h2CcyfzJCEk4F0pptO5jlnYSIViUkVmsawj80N5h2lO3gwcmSb4n3PuN+e+GC1Guylw==",
+      "version": "3.4.16",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.16.tgz",
+      "integrity": "sha512-TI4Cyx7gDiZ6r44ewaJmt0o6BrMCT5aK5e0rmJ/G9Xq3w7CX/5VXl/zIPEJZFUK5VEqwByyhqNPycPlvcK4ZNw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -13298,7 +13307,7 @@
         "glob-parent": "^6.0.2",
         "is-glob": "^4.0.3",
         "jiti": "^1.21.6",
-        "lilconfig": "^2.1.0",
+        "lilconfig": "^3.1.3",
         "micromatch": "^4.0.8",
         "normalize-path": "^3.0.0",
         "object-hash": "^3.0.0",
@@ -13484,11 +13493,14 @@
       }
     },
     "node_modules/text-decoder": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.1.tgz",
-      "integrity": "sha512-x9v3H/lTKIJKQQe7RPQkLfKAnc9lUTkWDypIQgTzPJAq+5/GCDHonmshfvlsNSj58yyshbIJJDLmU15qNERrXQ==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.2.tgz",
+      "integrity": "sha512-/MDslo7ZyWTA2vnk1j7XoDVfXsGk3tp+zFEJHJGm0UjIlQifonVFwlVbQDFh8KJzTBnT8ie115TYqir6bclddA==",
       "dev": true,
-      "license": "Apache-2.0"
+      "license": "Apache-2.0",
+      "dependencies": {
+        "b4a": "^1.6.4"
+      }
     },
     "node_modules/text-table": {
       "version": "0.2.0",
@@ -13606,9 +13618,9 @@
       }
     },
     "node_modules/ts-api-utils": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.2.tgz",
-      "integrity": "sha512-ZF5gQIQa/UmzfvxbHZI3JXN0/Jt+vnAfAviNRAMc491laiK6YCLpCW9ft8oaCRFOTxCZtUTE6XB0ZQAe3olntw==",
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.3.tgz",
+      "integrity": "sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -14245,17 +14257,20 @@
       }
     },
     "node_modules/which-boxed-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
-      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.0.tgz",
+      "integrity": "sha512-Ei7Miu/AXe2JJ4iNF5j/UphAgRoma4trE6PtisM09bPygb3egMH3YLW/befsWb1A1AxvNSFidOFTB18XtnIIng==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "is-bigint": "^1.0.1",
-        "is-boolean-object": "^1.1.0",
-        "is-number-object": "^1.0.4",
-        "is-string": "^1.0.5",
-        "is-symbol": "^1.0.3"
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.0",
+        "is-number-object": "^1.1.0",
+        "is-string": "^1.1.0",
+        "is-symbol": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -14309,9 +14324,9 @@
       }
     },
     "node_modules/which-typed-array": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz",
-      "integrity": "sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==",
+      "version": "1.1.16",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.16.tgz",
+      "integrity": "sha512-g+N+GAWiRj66DngFwHvISJd+ITsyphZvD1vChfVg6cEdnzy53GzB3oy0fUNlvhz7H7+MiqhYr26qxQShCpKTTQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {

From d4bda4446754fecffb2ac65284e2c9a6c2e04ec7 Mon Sep 17 00:00:00 2001
From: gouravkrosx <gouravgreatkr@gmail.com>
Date: Sun, 8 Dec 2024 18:23:17 +0530
Subject: [PATCH 4/5] chore: revert css classes

Signed-off-by: gouravkrosx <gouravgreatkr@gmail.com>
---
 components/caseStudyCard.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/caseStudyCard.tsx b/components/caseStudyCard.tsx
index b1795132..1c93e124 100644
--- a/components/caseStudyCard.tsx
+++ b/components/caseStudyCard.tsx
@@ -49,9 +49,9 @@ export default function CaseStudyCard({
               viewBox="0 0 24 24"
               fill="none"
               stroke="currentColor"
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
+              strokeWidth="2"
+              strokeLinecap="round"
+              strokeLinejoin="round"
             >
               <path d="m9 18 6-6-6-6" />
             </svg>

From dc1bd72ffa6cf866719546349fc70d1a762fa8fe Mon Sep 17 00:00:00 2001
From: gouravkrosx <gouravgreatkr@gmail.com>
Date: Mon, 9 Dec 2024 13:37:22 +0530
Subject: [PATCH 5/5] chore: remove SuppressWarnings

Signed-off-by: gouravkrosx <gouravgreatkr@gmail.com>
---
 app/layout.tsx    | 3 +--
 package-lock.json | 6 +++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/app/layout.tsx b/app/layout.tsx
index a7d322e0..ceee385c 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -48,7 +48,7 @@ export default function RootLayout({
   };
 
   return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="en">
       <head>
         <title>{finalMetadata.title}</title>
         <meta name="keywords" content={finalMetadata.keywords} />
@@ -168,7 +168,6 @@ export default function RootLayout({
       </head>
       <body
         className={`${inter.variable} font-inter antialiased bg-white text-gray-900 tracking-tight`}
-        suppressHydrationWarning
       >
         <div className="flex flex-col overflow-hidden supports-[overflow:clip]:overflow-clip">
           {HeaderDisplayed && <Header />}
diff --git a/package-lock.json b/package-lock.json
index b98387b6..7f2d83bf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4971,9 +4971,9 @@
       }
     },
     "node_modules/call-bind-apply-helpers": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.0.tgz",
-      "integrity": "sha512-CCKAP2tkPau7D3GE8+V8R6sQubA9R5foIzGp+85EXCVSCivuxBNAWqcpn72PKYiIcqoViv/kcUDpaEIMBVi1lQ==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz",
+      "integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {