chat settings require being logged in to view

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

@@ -1,9 +1,15 @@
 import { Button } from "@nextui-org/react";
 import { useChatContext } from "../../contexts/ChatContext";
+import { useAppContext } from "../../contexts/AppContext";
 
 const InnerChatSettings = () => {
+  const { user: authUser } = useAppContext();
   const { user, doLogin, doLogout } = useChatContext();
 
+  if (!authUser) {
+    return <>You must be logged in first</>;
+  }
+
   return (
     <>
       {!user && <Button onClick={doLogin}>Login</Button>}