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

src/components/Dashboard/DashboardInsider.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import classnames from 'classnames';
+import { LoadingIndicator } from '../Indicator';
+
+export function DashboardInsider({
+  loading,
+  children,
+  name,
+  mount = false,
+  className,
+}) {
+  return (
+    <div
+      className={classnames(
+        {
+          dashboard__insider: true,
+          'dashboard__insider--loading': loading,
+          [`dashboard__insider--${name}`]: !!name,
+        },
+        className,
+      )}
+    >
+      <LoadingIndicator loading={loading} mount={mount}>
+        {children}
+      </LoadingIndicator>
+    </div>
+  );
+}