LIONER-frontend/src/pages/extra-pages/LoadingComponent.js

import {Box, CircularProgress, Grid} from "@mui/material";

const LoadingComponent = () => {
    return (
        <Grid item xs={12} md={12} lg={12} justifyContent="space-between" alignItems="center" marginTop={10}>
            <Box
                display="flex"
                justifyContent="center"
                alignItems="center"
                autoheight="true"
            >
                <CircularProgress />
            </Box>
        </Grid>
        )
}
export default LoadingComponent;