Drop @mui, addded ems api

client/src/pages/MonitorPage.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react'
-import { Card, Stack } from '@mui/material';
+import { Card, Flex } from '@mantine/core';
 
 function CardComponent({
   url,
@@ -7,10 +7,10 @@ function CardComponent({
 }: { url: any, is_alive: any }) {
   return (
     <Card>
-      <Stack p='24px' direction='column'>
+      <Flex p='sm' direction='column'>
         <p>{url}</p>
         <p>{JSON.stringify(is_alive)}</p>
-      </Stack>
+      </Flex>
     </Card>
   )
 }
@@ -38,11 +38,11 @@ export default function MonitorPage() {
 
   return (
     <div>
-      <Stack direction='column' spacing={1}>
+      <Flex direction='column' gap='sm'>
         {servers.length > 0 && servers.map((server: any) => (
           <CardComponent url={server.name} is_alive={server.status} />
         ))}
-      </Stack>
+      </Flex>
     </div>
   )
 }