Create Loading component

components/loading.js

@@ -0,0 +1,15 @@
+import Box from '@mui/material/Box'
+import CircularProgress from '@mui/material/CircularProgress'
+
+export function Loading() {
+  return (
+    <Box
+      display='flex'
+      justifyContent='center'
+      alignItems='center'
+      height='100vh'
+    >
+      <CircularProgress color='warning' />
+    </Box>
+  )
+}