Merge pull request #215 from getmaxun/center-loader

feat: center progress

src/components/organisms/ApiKey.tsx

@@ -92,7 +92,21 @@ const ApiKeyManager = () => {
     }
   };
 
-  if (loading) return <CircularProgress />;
+  if (loading) {
+    return (
+      <Box
+        sx={{
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+          height: '100vh',
+          width: '100vw',
+        }}
+      >
+        <CircularProgress />
+      </Box>
+    );
+  }
 
   return (
     <Container sx={{ alignSelf: 'flex-start' }}>