add functionality to export and load database

packages/ui/src/ui-component/loading/BackdropLoader.js

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types'
+import { Backdrop, CircularProgress } from '@mui/material'
+
+export const BackdropLoader = ({ open }) => {
+    return (
+        <div>
+            <Backdrop sx={{ color: '#fff', zIndex: (theme) => theme.zIndex.drawer + 1 }} open={open}>
+                <CircularProgress color='inherit' />
+            </Backdrop>
+        </div>
+    )
+}
+
+BackdropLoader.propTypes = {
+    open: PropTypes.bool
+}