Drop @mui, addded ems api

client/src/components/CardInfo/CardInfo.tsx

@@ -1,4 +1,4 @@
-import { Divider, Paper, Typography } from '@mui/material'
+import { Divider, Flex, Text } from '@mantine/core';
 import { PropsWithChildren } from 'react'
 
 interface CardInfoProps extends PropsWithChildren {
@@ -10,14 +10,14 @@ export default function CardInfo({
     label
 }: CardInfoProps) {
     return (
-        <Paper sx={{ display: 'flex', flexDirection: 'column', gap: '16px', p: '16px' }}>
-            <Typography fontWeight={600}>
+        <Flex direction='column' gap='sm' p='sm'>
+            <Text fw={600}>
                 {label}
-            </Typography>
+            </Text>
 
             <Divider />
 
             {children}
-        </Paper>
+        </Flex>
     )
 }