Converted /modals to typescript

src/components/LoadingOverlay.tsx

@@ -0,0 +1,31 @@
+import { Box } from "theme-ui";
+
+import Spinner from "./Spinner";
+
+function LoadingOverlay({ bg }: any ) {
+  return (
+    <Box
+      sx={{
+        position: "absolute",
+        width: "100%",
+        height: "100%",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        top: 0,
+        left: 0,
+        flexDirection: "column",
+        zIndex: 2,
+      }}
+      bg={bg}
+    >
+      <Spinner />
+    </Box>
+  );
+}
+
+LoadingOverlay.defaultProps = {
+  bg: "muted",
+};
+
+export default LoadingOverlay;