remove deprecated @mui/styles

Change-Id: If52e6c0be904ea13d98ade644111ab3553671626
diff --git a/client/src/components/ConversationsOverviewCard.js b/client/src/components/ConversationsOverviewCard.js
index 96e03f6..914d697 100644
--- a/client/src/components/ConversationsOverviewCard.js
+++ b/client/src/components/ConversationsOverviewCard.js
@@ -1,20 +1,10 @@
 import React, { useEffect, useState } from 'react';
 import { Card, CardActionArea, CardContent, CircularProgress, Typography } from '@mui/material';
-import makeStyles from '@mui/styles/makeStyles';
 import { useNavigate, useParams } from 'react-router';
 import authManager from '../AuthManager'
 import Conversation from '../../../model/Conversation';
 
-const useStyles = makeStyles({
-  title: {
-    fontSize: 14,
-  }, pos: {
-    fontSize: 14,
-  }
-});
-
 export default function ConversationsOverviewCard(props) {
-  const classes = useStyles()
   const navigate = useNavigate()
   const accountId = props.accountId || useParams().accountId
   const [state, setState] = useState({ loaded: false })
@@ -34,7 +24,7 @@
     <Card onClick={() => navigate(`/account/${accountId}`)} >
       <CardActionArea>
         <CardContent>
-          <Typography className={classes.title} color="textSecondary" gutterBottom>
+          <Typography color="textSecondary" gutterBottom>
             Conversations
           </Typography>
           <Typography gutterBottom variant="h5" component="h2">