feat: upgrade the blueprint core and datetitme.

src/components/App.js

@@ -3,18 +3,46 @@ import { Router, Switch, Route } from 'react-router';
 import { createBrowserHistory } from 'history';
 import { QueryClientProvider, QueryClient } from 'react-query';
 import { ReactQueryDevtools } from 'react-query/devtools';
+import { ConfigProvider } from '@blueprintjs/core';
 
 import 'style/App.scss';
 import 'moment/locale/ar-ly';
-import 'moment/locale/es-us'
+import 'moment/locale/es-us';
 
 import AppIntlLoader from './AppIntlLoader';
 import PrivateRoute from 'components/Guards/PrivateRoute';
 import GlobalErrors from 'containers/GlobalErrors/GlobalErrors';
 import DashboardPrivatePages from 'components/Dashboard/PrivatePages';
 import Authentication from 'components/Authentication';
+
 import { SplashScreen } from '../components';
-import { queryConfig } from '../hooks/query/base'
+import { queryConfig } from '../hooks/query/base';
+
+import { useAppIntlContext } from './AppIntlProvider';
+
+/**
+ * App inner.
+ */
+function AppInsider({ history }) {
+  const { direction } = useAppIntlContext();
+
+  return (
+    <div className="App">
+      <ConfigProvider direction={direction}>
+        <Router history={history}>
+          <Switch>
+            <Route path={'/auth'} component={Authentication} />
+            <Route path={'/'}>
+              <PrivateRoute component={DashboardPrivatePages} />
+            </Route>
+          </Switch>
+        </Router>
+
+        <GlobalErrors />
+      </ConfigProvider>
+    </div>
+  );
+}
 
 /**
  * Core application.
@@ -31,21 +59,10 @@ export default function App() {
       <SplashScreen />
 
       <AppIntlLoader>
-        <div className="App">
-          <Router history={history}>
-            <Switch>
-              <Route path={'/auth'} component={Authentication} />
-              <Route path={'/'}>
-                <PrivateRoute component={DashboardPrivatePages} />
-              </Route>
-            </Switch>
-          </Router>
-
-          <GlobalErrors />
-        </div>
+        <AppInsider history={history} />
       </AppIntlLoader>
 
       <ReactQueryDevtools initialIsOpen />
     </QueryClientProvider>
   );
-}
+}