fix: completion page apis, validation, email states

src/components/Loading.tsx

@@ -1,5 +1,4 @@
 import { CircularProgress, Stack } from '@mui/material';
-import React from 'react';
 
 export const Loading = () => {
   return (
@@ -7,7 +6,7 @@ export const Loading = () => {
       sx={{
         alignItems: 'center',
         justifyContent: 'center',
-        backgroundColor: (t) => t.palette.background.default,
+        backgroundColor: 'background.default',
         position: 'fixed',
         inset: '0',
         zIndex: (t) => t.zIndex.tooltip + 1,