[ ] There is a ChatMessageCreate component that can create a new chat message and post it to the /api/chat/post endpoint. The only information you need from the user is the message content, but you will need a <Form> for that. It should not be necessary to pass the userId, since the backend already knows the userId, but you will need to pass the commonsId; the commonsId should be passed into the ChatMessageCreate as a prop.
[ ] The ChatMessageCreate component should be the same width as the ChatDisplay so that we can create a ChatPanel that consists of the ChatMessageCreate and ChatDisplay components stacked on top of each other. (See: https://react-bootstrap.netlify.app/docs/layout/stack/)
Frontend
ChatMessageCreatecomponent (MVP)ChatMessageCreatecomponent that can create a new chat message and post it to the/api/chat/postendpoint. The only information you need from the user is the message content, but you will need a<Form>for that. It should not be necessary to pass the userId, since the backend already knows the userId, but you will need to pass the commonsId; the commonsId should be passed into theChatMessageCreateas a prop.ChatMessageCreatecomponent should be the same width as theChatDisplayso that we can create aChatPanelthat consists of theChatMessageCreateandChatDisplaycomponents stacked on top of each other. (See: https://react-bootstrap.netlify.app/docs/layout/stack/)