remove deprecated @mui/styles

Change-Id: If52e6c0be904ea13d98ade644111ab3553671626
diff --git a/client/src/pages/accountCreation.jsx b/client/src/pages/accountCreation.jsx
index 2231366..382ab1a 100644
--- a/client/src/pages/accountCreation.jsx
+++ b/client/src/pages/accountCreation.jsx
@@ -1,23 +1,13 @@
 import React from 'react';
 import { Container, Card, CardContent, Typography, List, Avatar, Divider } from '@mui/material';
-import makeStyles from '@mui/styles/makeStyles';
 import { DialerSipRounded, GroupOutlined, RoomRounded } from '@mui/icons-material';
 import ListItemLink from '../components/ListItemLink';
 
-const useStyles = makeStyles((theme) => ({
-  wizardCard: {
-    borderRadius: 8,
-    maxWidth: 360,
-    margin: "16px auto"
-  }
-}))
-
 export default function AccountCreationDialog(props) {
-  const classes = useStyles()
 
   return (
     <Container>
-      <Card className={classes.wizardCard}>
+      <Card>
         <CardContent>
           <Typography gutterBottom variant="h5" component="h2">
             Create new account
@@ -28,7 +18,7 @@
           </Typography>
         </CardContent>
 
-        <List className={classes.root}>
+        <List>
           <ListItemLink
             to="/newAccount/rendezVous"
             icon={<Avatar><RoomRounded /></Avatar>}