updated chat styling; text input now always visible

src/pages/Team.tsx

@@ -1,6 +1,7 @@
-import { Avatar, AvatarGroup, Box, Button, Grid2, Theme, Typography } from "@mui/material";
+import { Avatar, AvatarGroup, Box, Button, Card, Grid2, Theme, Typography } from "@mui/material";
 import { makeStyles } from "@mui/styles";
 import LoadingScreen from "app/LoadingScreen";
+import Chat from "chat/Chat";
 import { useMobile } from "hooks";
 import { cloneDeep } from "lodash";
 import { Team, teamScope, User } from "models";
@@ -28,6 +29,9 @@ const useStyles = makeStyles((theme: Theme) => ({
     textTransform: "capitalize",
     color: getSignatureAccentColour(),
   },
+  card: {
+    height: theme.spacing(72)
+  },
   container: { 
     display: 'flex', 
     justifyContent: "space-between",
@@ -207,6 +211,18 @@ export default function TeamPage() {
         closeDialogCallback={() => setUserDialog(false)} 
         refreshCallback={() => {}} 
       />
+      <Grid2 container spacing={1}>
+        <Grid2 size={{ xs: 12, sm: 6 }}>
+          <Card className={classes.card}>
+            <Chat objectKey={team.key()} />
+          </Card>
+        </Grid2>
+        <Grid2 size={{ xs: 12, sm: 6 }}>
+          <Card className={classes.card}>
+
+          </Card>
+        </Grid2>
+      </Grid2>
     </PageContainer>
   );
 }