crisp chat widget

closes #36

.env

@@ -1,2 +1,3 @@
 VITE_ALCHEMY_KEY=JPv_vpU3puJFVcnr7ptvxnCLo3hFhxYY
 VITE_GRAPH_ENDPOINT=https://subgraph.satsuma-prod.com/d34acdd89ceb/maxs-team--618638/priveer-CHAINID/version/v1/api
+VITE_CRISP_ID=c2dc68e0-61f4-492d-b5c1-4fb28b70ca44

src/components/ChatWidget.tsx

@@ -0,0 +1,21 @@
+import React, {useEffect} from 'react';
+import * as process from "node:process";
+
+const ChatWidget: React.FC = () => {
+    useEffect(() => {
+        window.$crisp = [];
+        window.CRISP_WEBSITE_ID = import.meta.env.VITE_CRISP_ID;
+
+        (function () {
+            const d = document;
+            const s = d.createElement('script');
+            s.src = 'https://client.crisp.chat/l.js';
+            s.async = true;
+            d.getElementsByTagName('head')[0].appendChild(s);
+        })();
+    }, []);
+
+    return null;
+};
+
+export default ChatWidget;

src/layout/index.tsx

@@ -3,6 +3,7 @@ import Topnav from "./Topnav";
 import {Outlet} from "react-router-dom";
 import {Footer} from "antd/es/layout/layout.js";
 import {Announcement} from "components/Announcement";
+import ChatWidget from "../components/ChatWidget";
 
 const {Header, Content} = AntLayout;
 
@@ -22,6 +23,7 @@ export default function Layout()
             </div>
         </Content>
         <Footer />
+        <ChatWidget />
     </AntLayout>
     );
 }