formatted chat input better, got rid of resize, added end adornment to send messages without the enter button

src/chat/ChatDrawer.tsx

@@ -3,7 +3,6 @@ import { Box, Drawer, IconButton, Theme, Typography } from "@mui/material";
 import { makeStyles } from "@mui/styles";
 import { useMobile } from "hooks";
 import { Team } from "models";
-import { pond } from "protobuf-ts/pond";
 import Chat from "./Chat";
 
 const useStyles = makeStyles((theme: Theme) => {
@@ -12,33 +11,25 @@ const useStyles = makeStyles((theme: Theme) => {
       display: "flex",
       flexDirection: "column", // Arrange children vertically
       backgroundColor: theme.palette.background.default,
-      // padding: theme.spacing(1),
       height: "100%",
       maxHeight: "100%",
       minHeight: "100%",
       minWidth: theme.spacing(54),
       maxWidth: theme.spacing(54),
-      // border: "1px solid red",
-      // zIndex: 1000000000000,
-      // zIndex: theme.zIndex.drawer,
     },
     chatContainer: {
-      // border: "1px solid green",
-      flex: 1, // Make it take up the remaining space
-      overflow: "hidden", // Ensure content is scrollable if it overflows
+      flex: 1, 
+      overflow: "hidden", 
     },
     chatDrawerMobile: {
       backgroundColor: theme.palette.background.default,
-      // padding: theme.spacing(1),
       height: "auto",
       width: "100%"
     },
     drawerHeader: {
-      // border: "1px solid blue",
       display: "flex",
       alignItems: "center",
       padding: theme.spacing(1),
-      // necessary for content to be below app bar
       ...theme.mixins.toolbar,
       justifyContent: "flex-start"
     }