add lazy loading for components

interface/src/components/loading/LazyLoader.tsx

@@ -0,0 +1,20 @@
+import { Box, CircularProgress } from '@mui/material';
+
+const LazyLoader = () => (
+  <Box
+    display="flex"
+    justifyContent="center"
+    alignItems="center"
+    minHeight="200px"
+    sx={{
+      backgroundColor: 'background.default',
+      borderRadius: 1,
+      border: '1px solid',
+      borderColor: 'divider'
+    }}
+  >
+    <CircularProgress size={40} />
+  </Box>
+);
+
+export default LazyLoader;

interface/src/components/loading/index.ts

@@ -1,2 +1,3 @@
 export { default as LoadingSpinner } from './LoadingSpinner';
 export { default as FormLoader } from './FormLoader';
+export { default as LazyLoader } from './LazyLoader';