chat input now always sits at the bottom of the chat; has a divider

src/chat/ChatDrawer.tsx

@@ -4,6 +4,7 @@ import { makeStyles } from "@mui/styles";
 import { useMobile } from "hooks";
 import { Team } from "models";
 import Chat from "./Chat";
+import { pond } from "protobuf-ts/pond";
 
 const useStyles = makeStyles((theme: Theme) => {
   return ({
@@ -57,7 +58,7 @@ export function ChatDrawer(props: Props) {
           <Typography>{team.name()} Chat</Typography>
         </Box>
         <Box className={classes.chatContainer}>
-          <Chat objectKey={team.settings.key}/>
+          <Chat objectKey={team.settings.key} type={pond.NoteType.NOTE_TYPE_TEAM}/>
         </Box>
       </Box>
     </Drawer>