preview bar

components/agility-common/LoadingWidget.js

@@ -0,0 +1,15 @@
+import { CgSpinner } from "react-icons/cg";
+
+const Widget = ({ message }) => {
+  return (
+    <section
+      id="loading-widget"
+      className="flex flex-col items-center justify-center h-screen"
+    >
+      <CgSpinner className="animate-spin text-2xl mb-2" />
+      <p>{message}</p>
+    </section>
+  );
+};
+
+export default Widget;