make the chat button actually work

packages/client/dev.env.example

@@ -0,0 +1,8 @@
+# where the backend is located
+VITE_API_HOST=http://localhost:3000
+
+# what homeserver hosts the matrix users
+VITE_MATRIX_HOST=aftermath.gg
+
+# what hostname does the element instance run on
+VITE_ELEMENT_HOST=https://chat.fediverse.events

packages/client/src/components/Chat/OpenChatButton.tsx

@@ -1,4 +1,4 @@
-import { Badge, Button } from "@nextui-org/react";
+import { Badge, Button, Link } from "@nextui-org/react";
 import { useChatContext } from "../../contexts/ChatContext";
 
 const OpenChatButton = () => {
@@ -11,7 +11,13 @@ const OpenChatButton = () => {
       color="danger"
       size="sm"
     >
-      <Button>Chat</Button>
+      <Button
+        as={Link}
+        href={import.meta.env.VITE_ELEMENT_HOST!}
+        target="_blank"
+      >
+        Chat
+      </Button>
     </Badge>
   );
 };