feat: Optimize SCSS architecture.

client/src/components/Dashboard/BigcapitalLoading.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import classNames from 'classnames';
+import { Icon } from 'components';
+
+import 'style/components/BigcapitalLoading.scss';
+
+/**
+ * Bigcapital logo loading.
+ */
+export default function BigcapitalLoading({ className }) {
+  return (
+    <div className={classNames('bigcapital-loading', className)}>
+      <div class="center">
+        <Icon icon="bigcapital" height={37} width={214} />
+      </div>
+    </div>
+  );
+}

client/src/components/Dashboard/Dashboard.js

@@ -15,6 +15,11 @@ import withSettingsActions from 'containers/Settings/withSettingsActions';
 
 import { compose } from 'utils';
 
+import 'style/pages/Dashboard/Dashboard.scss'
+
+/**
+ * Dashboard page.
+ */
 function Dashboard({
   // #withSettings
   requestFetchOptions,

client/src/components/Dashboard/DashboardLoadingIndicator.js

@@ -1,7 +1,10 @@
 import React from 'react';
-import classNames from 'classnames';
-import { Choose, Icon } from 'components';
+import { Choose } from 'components';
+import BigcapitalLoading from './BigcapitalLoading';
 
+/**
+ * Dashboard loading indicator.
+ */
 export default function DashboardLoadingIndicator({
   isLoading = false,
   className,
@@ -10,11 +13,7 @@ export default function DashboardLoadingIndicator({
   return (  
     <Choose>
       <Choose.When condition={isLoading}>
-        <div className={classNames('bigcapital-loading', className)}>
-          <div class="center">
-            <Icon icon="bigcapital" height={37} width={214} />
-          </div>
-        </div>
+        <BigcapitalLoading />        
       </Choose.When>
 
       <Choose.Otherwise>

client/src/components/Dashboard/PrivatePages.js

@@ -11,13 +11,15 @@ import withSubscriptionsActions from 'containers/Subscriptions/withSubscriptions
 
 import EnsureOrganizationIsReady from 'components/Guards/EnsureOrganizationIsReady';
 import EnsureOrganizationIsNotReady from 'components/Guards/EnsureOrganizationIsNotReady';
+
 import { compose } from 'utils';
 
+import 'style/pages/Dashboard/Dashboard.scss';
+
 /**
  * Dashboard inner private pages.
  */
 function DashboardPrivatePages({
-
   // #withOrganizationActions
   requestAllOrganizations,