chore: Refactoring all import directories to alias and all .js|.jsx renamed to be .ts|.tsx

src/components/Dashboard/DashboardLoadingIndicator.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Choose } from '@/components';
+import BigcapitalLoading from './BigcapitalLoading';
+
+/**
+ * Dashboard loading indicator.
+ */
+export default function DashboardLoadingIndicator({
+  isLoading = false,
+  className,
+  children,
+}) {
+  return (
+    <Choose>
+      <Choose.When condition={isLoading}>
+        <BigcapitalLoading />        
+      </Choose.When>
+
+      <Choose.Otherwise>
+        { children }
+      </Choose.Otherwise>
+    </Choose>
+  );
+}