add loader and remove logs

src/components/Loader.tsx

@@ -0,0 +1,23 @@
+import React from 'react'
+import { Box, CircularProgress } from "@mui/material";
+
+export const Loader = () => {
+  return (
+    <Box sx={{
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        width: '100%',
+        height: '100%',
+        position: 'fixed',
+        top: '0px',
+        left:'0px',
+        right: '0px',
+        bottom: '0px',
+        zIndex: 2,
+        background: 'rgba(0, 0, 0, 0.4)'
+    }}>
+         <CircularProgress color="success" size={25} />
+    </Box>
+  )
+}